Hace unos días publique una entrada titulada Ultimos Comentarios Personalizados con Icono,pues bien después de probar un rato con los códigos logre crear el mismo efecto pero esta vez para el gadget de Últimas Entradas,sin mas palabrería vamos a la acción.


Para agregar el gadget primero ve a Diseño,Añadir Gadget,Feed y pegas lo siguiente:

 http://nombre-de-mi-blog.blogspot.com/feeds/posts/default

Remplazas lo que esta en azul por el nombre de tu blog y escoges las características del gadget que quieres que aparezcan en el.

Con lo anterior hemos agregado el gadget ahora vamos añadir el icono, para esto pega antes de ]]></b:skin> lo siguiente:

#Feed2 li{
padding-left: 35px;
background: url(http://2.bp.blogspot.com/-4K6t4xspgDM/TwcgGAN-EuI/AAAAAAAAAsk/PyqQJWhIjuQ/s1600/imagen.png) no-repeat top left;
}

La URL que esta en azul es la que se muestra en el gadget que corresponde al icono que se ve en la primera imagen,si no te gusta la  puedes reemplazar por otra imagen.

La primera parte del código que es la siguiente: #Feed2 li{ es modificable dependiendo si ya tienes un gadget agregado mediante Feed,si es tu primer gadget cambia el 2 por el 1,pero si agregaste el anterior gadget de últimos comentarios deja el código tal cual esta.


8 commentarios

May · enero 6, 2012 a las 7:06 pm

Perfecto ahora me combina Jeje! :buenpost: Arriba mil trucos blogger 😀

Juvinao · enero 7, 2012 a las 1:45 pm

May jeje gracias por tu comentario.

Anonymous · enero 11, 2012 a las 1:08 am

:auto:

Osorno Noticias · marzo 15, 2012 a las 6:11 pm

Es lo que buscaba!!! Muchas Gracias.

Sólo una consulta: hay forma de que en vez de que salga la fecha, salga la hora????

Gracias de nuevo!

    Juvinao · marzo 15, 2012 a las 7:20 pm

    Osorno Noticias al crear gadget aparecen todas las modificaciones que le puedes hacer y creo que no se puede poner la hora :crying:

    Osorno Noticias · marzo 15, 2012 a las 7:23 pm

    Ahh OK. De todas formas muchas gracias!!!!!! 🙂

Conocer Y Saber · julio 3, 2013 a las 9:50 pm

Hago todos los pasos y nada ?, agrego el Gadget pego la url con el nombre de mi sitio web

Luego me voy a Plantilla, Editar HTML y busco el codigo ]]> y pego antes del codigo
#Feed2 li{
padding-left: 35px;
background: url(http://2.bp.blogspot.com/-4K6t4xspgDM/TwcgGAN-EuI/AAAAAAAAAsk/PyqQJWhIjuQ/s1600/imagen.png) no-repeat top left;
}

Cambio #Feed2 oir #Feed1 por ser el primer feed que voy usar y aun así no me sale el diseño y los cambios porque ?

Lo necesito te lo agradesco amigo !

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *