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 » Redes Sociales » Trucos Blogger » Iconos de Redes Sociales en el sidebar del blog

martes, 24 de mayo de 2011

Iconos de Redes Sociales en el sidebar del blog

Add Comment
Redes Sociales, Trucos Blogger
martes, 24 de mayo de 2011
Si tienes una pagina para tu blog en Facebook o un grupo de seguidores en Twitter este truco te va a encantar ya que añade elegantes iconos de redes sociales en el sidebar del blog,aparte de ocupar muy poco espacio tiene un estilo bastante elegente.

Cada vez que tus lectores den click sobre las imagenes se abrira un vinculo hacia tu pagina en facebook o Twitter,pero ademas de contener los iconos de estas redes sociales tiene el icono del lector RSS.

Los iconos se ven de la siguiente manera:


Pasos

Para agregar este truco sigue los siguientes pasos:

1. Vamos a Diseño,Edicion HTML,Expandir plantillas de artilugio y buscas lo siguiente:
     <div id='sidebar-wrapper'>

2. Abajo del codigo anterior pegamos lo siguiente:
<div id='social'>
<center>

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsGYXDCLeKX9tfX5W3u2e741IU4YdPR_TlQ0MxVGSV55Q-gRuPV_Q0gTLYQ2_WxyCCaf4Eh-Pr9S7D85QOsSPyrIOoQ4z8Q08WwDwsjL0_NvHJcKZJ9LYg-r6H6QNvpc0JLvjB9nY9_0Lm/s0/rss.png'/></a>

<a href='URL DE TU TWITTER'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9G4qez1cfIKajAlwUoGQkhH3zqrZ_hjyDes2FI83E0hh0I7KAsfwGadUdatyC6Ki83x0pcqsyf1D_qNXC2vQpLrBgok5ITF8vtnUG5ODkXDhpfmmoH6Wm4W016irqVgyJA6244S8atbz5/s0/twitter.png'/></a>

<a href='URL DE TU FACEBOOK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhom_C_TJBw0zsekg6xMnzw-WjQ4LwppCa5ZLZC-ijCxY2cd4EXMGnjdBxquWZcjOnYcnVTuydU2huyXJrn9qzkW90YvodslhX95TwMkT_rrmaJNdMTblEw0uZSr8Gd2YO8DxZe5z3l7X21/s0/facebook.png'/></a>



</center>
</div>

Reemplazas lo que esta en azul por lo que se indica y listo guardamos los cambios.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Iconos de Redes Sociales en el sidebar del blog"

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...
  • ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?, esa es la pregunta que muchos se harán, luego de leer mi post de ayer el cual se titulaba  ¿Blo...
  • 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...
  • Emoticones "Smilies Elegant" para Blogger
    Emoticones "Smilies Elegant" para Blogger
    Hace dias que vengo trabajando en un tutorial que creo que os gustara y es unos emoticones que vi en la Web Mobile9 ,y como me gustaron tant...
  • 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...

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)
  • ▼  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ▼  mayo (25)
      • Poner avatares en los comentarios de Blogger
      • Plantilla de Google Chrome para Blogger
      • Ultimos comentarios en Blogger
      • Gadget (Sigueme en Twitter) con el Pajaro
      • Iconos de Redes Sociales en el sidebar del blog
      • Crear más de 10 páginas estáticas en Blogger
      • Como poner imagenes en vez de "Entradas recientes"...
      • Pajaro de Twitter volando en tu blog
      • Poner un avatar a los comentarios anonimos en Blogger
      • Otro metodo de Paginación en Blogger
      • Alta gratis en mas de 500 buscadores
      • Menú deslizante en la parte superior del blog
      • Mensaje de Bienvenida en el blog
      • Emoticones de Skype para Blogger
      • Plantilla de Taringa para Blogger
      • Contador de Visitas Online en Blogger
      • Añadele estilo a la nube de etiquetas
      • Publica tu blog en Facebook
      • Contador de visitas para cada post en Blogger
      • Widget Contador de Post y Comentarios
      • Pulgares de votación para los comentarios de Blogger
      • Botón ''Twittear'' en Blogger
      • Paginacion en Blogger
      • Marcadores Sociales en Blogger
      • Efecto sombra en los titulos de las entradas
    • ►  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 .