Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Gadgets y Widgets » Trucos Blogger » Últimas Entradas Personalizadas con Icono

viernes, 6 de enero de 2012

Últimas Entradas Personalizadas con Icono

Add Comment
Gadgets y Widgets, Trucos Blogger
viernes, 6 de enero de 2012
Hace unos dias publique una entrada titulada Ultimos Comentarios Personalizados con Icono,pues bien despues de probar un rato con los codigos logre crear el mismo efecto pero esta vez para el gadget de Últimas Entradas,sin mas palabreria vamos a la accion.


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 caracteristicas 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvz6ad1M0wP0Ipi1a-sO-wmQkOhL0UH8fDkLTuHssPo70T08KMZ_PT7p1Aefob3T2mCa4ZAN_wjv_LpsOlR7rGgskuyhtBdnY9EeyBQIX5egKask_M2jcSiFnGuzTmT2B1TVjWmfLLwa9-/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 codigo 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 ultimos comentarios deja el codigo tal cual esta.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Últimas Entradas Personalizadas con Icono"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Enviar sitemap a Google
    Enviar sitemap a Google
    Uno de los aspectos fundamentales a la hora de tener un mejor posicionamiento y numero de visitas es  aparecer en los primeros lugares de bu...
  • El uso del correo electrónico en los blogs parte 1
    El uso del correo electrónico en los blogs parte 1
    El correo electrónico es algo de lo cual nosotros los blogueros no podemos prescindir, ya que son muchos los usos que diariamente le damos a...
  • ¿Vulnera WhatsApp tu privacidad?
    ¿Vulnera WhatsApp tu privacidad?
    Leíamos últimamente en prensa que las autoridades de protección de datos de ciertos países -entre los que se encontraban Canadá y Países Baj...
  • Añade un foro a tu blog con Nabble
    Añade un foro a tu blog con Nabble
    Ya he publicado varias entradas con foros para Blogger pero esta vez les recomiendo Nabble,el cual es el sistema que uso actualmente en el f...
  • Gadget de últimos temas del foro
    Gadget de últimos temas del foro
    Si usas el foro de Nabble en tu blog es muy probable que este gadget te vaya a interesar, ya que como lo dice el titulo el gadget muestra l...
  • Facebook: Un gran aliado de Blogger
    Facebook: Un gran aliado de Blogger
    Seguramente si estas leyendo esta entrada eres un bloguero y casi doy por hecho que si eres bloguero sabes que es facebook y la gran utilida...
  • Aprender ingles para aprender a bloggear
    Aprender ingles para aprender a bloggear
    El ingles es algo fundamental en todas partes hoy en día  hasta en el mundo del internet y de los blogs es muy importante saber ingles, ya q...
  • Gadget de Entradas más Comentadas
    Gadget de Entradas más Comentadas
    Si eres de los que tienes un blog con gran cantidad de comentarios y quieres mostrarle a tus usuarios cuales son esas entradas mas comentada...
  • Últimas Entradas con desplazamiento horizontal
    Últimas Entradas con desplazamiento horizontal
    Ya he compartido varias formas de mostrar las ultimas entradas del blog, pero en esta oportunidad les compartiré una forma muy singular e im...
  • Menú de redes sociales con CSS Sprites
    Menú de redes sociales con CSS Sprites
    Hoy les quiero compartir un excelente truco en el cual se muestra un menu de redes sociales con efecto hecho a base de la tecnica llamada Sp...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ►  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ▼  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ▼  enero (15)
      • Corazón volando por el blog
      • Gadget "ComentaBlogger" para tu blog
      • Imagen con texto sobrepuesto en Blogger
      • Nuevo contador de +1 para conocer la Preferencia d...
      • Gadget de Últimos Comentarios con Avatar del Comen...
      • Avatar anónimo en los comentarios anidados
      • Ley SOPA: El fín del internet como lo conocemos
      • Numerar los nuevos comentarios anidados en Blogger
      • Primer Gran Concurso en Mil Trucos Blogger
      • Comentarios anidados y botón responder
      • La ausencia de comentarios: ¿un indicativo de frac...
      • Aplicando estilo a las imagenes de tus entradas
      • Últimas Entradas Personalizadas con Icono
      • Últimos Comentarios personalizados con icono
      • Caja de Suscripciones "Sexy Subscription" para Blo...
  • ►  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .