07 julio 2013

Seis botones sociales para tu blog

Seis botones sociales para tu blog
Nadie duda de la importancia de tener botones sociales en nuestro blog para que los lectores puedan seguir y compartir todas las novedades y las noticias más actualizadas del mismo. Y existen un montón de redes sociales que ya quisiéramos tenerlos todos dentro del blog, pero aunque aquello no es posible por obvias razones aparte del espacio, sí podemos poner aquellos que, al pasar el tiempo, se vuelven más populares.

Aquí les traigo unos cuantos botones que bien nos podrían ayudar con ese propósito. Se trata de 6 botones, en los cuales he incluido los que hasta ahora son los más populares de acuerdo a una encuesta.

Puedes ponerlo dentro de tu sidebar como un gadget o si lo prefieres arriba de las entradas, eso ya es tu decisión.
Para ponerlo en el sidebar, entra en Diseño, Añadir gadget html, y copia este código:

<div align='right'>
<div id='top-social-profiles'>
<div class='widget-container'>
<div class='social-profiles-widget'>
<a href='http://twitter.com/YOUR_USERNAME' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsxz75eYlsP1gCU9p3i48yC7-JkHMXxxf6V1zEVTq8nLjBWTiHx5iXaYZr1fqW_TjBa6Xzo7gBuE0GjEv-sbjileyDcCUSi7C9Wyap5x7Cs71UbwHEcT1D-ZFu8x_6060N7U0JW8ek2Dw/s0/twitter.png' title='Twitter'/></a> <a href='http://facebook.com/YOUR_USERNAME' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivdfexk5Pqitqd35-eK-qL9wz6enACYg4DNMkKqH_7YGKiqTG7m4cNmRs320h_jpVjVUzygWwubkdeYHNQBpix6nZjnXfY9XEUrzb2Og1JT3qRQmV5S8TdD77YqdYhKLoZkV4hBvdGyYPI/s0/facebook.png' title='Facebook'/></a> <a href='https://plus.google.com/XXXXXXXXXXX/posts' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4PHhkDzrEW53J2KFtjRMHLVKbR8ZLjbCz67JTPBStt86fM1o9UB0YA85HxW8RTMLX2RRayZ058uClEsPTk2A9K6nhexBe9jBfi37vn2aTPwffIgqI-6Qio3c1MD7o1x6mNSdlu_OFc2z/s0/gplus.png' title='Google Plus'/></a> <a href='http://www.linkedin.com/XXXXXXXXXXXXX/' target='_blank'><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggxDVpibO6SxRUvKLOcJqxQxZN1dXOVOluG84htrJqPMWqkuLxRM7Jf1VJ_jIAJk1Q98vswMwBBPBok8yF8qDdnU0APwa6LYu5GD4nY3B8XGehwuXgk_hdepwsKfFCeRRVQN6zOEg1omDb/s0/linkedin.png' title='LinkedIn'/></a> <a href='http://www.youtube.com/XXXXXXXXXXXXX' target='_blank'><img src='https://lh6.googleusercontent.com/-K3J0Rflj7mA/Udhn0ElHFqI/AAAAAAAAA_c/wBmAeOpedr4/s506-o/icono_youtube.png' title='Youtube'/></a> <a target="blank" href="http://pinterest.com/XXXXXXXXXXXX/"><img src="https://lh4.googleusercontent.com/-4_dImoLDkZU/UdhoAZbXw8I/AAAAAAAABAA/ZS308dC-Qtc/w80-h28-no/pinterest-button.png" title="Pinterest" /></a>
</div>          
</div>
</div>
<div style='clear:both;'/>
    </div>
<div style='clear:both;'/>
<div>
</div>

Si lo quieres arriba de las entradas, entra en Plantilla, Editar html, y con los artilugios expandidos, busca esta parte del código en tu plantilla:

<div class='post-header-line-1'/>
Justo debajo de él pega el código anterior. Debes reemplazar dode dice YOUR USERNAME con el de tu usuario de Facebook, Twitter, Youtube, Pinterest y linkedln.  

2 comentarios:

  1. Buenas!! Me has servido de mucha ayuda, pero me gustaría saber cómo puedo personalizar este código, me refiero a poner los botones que yo he creado con Photoshop para las redes sociales que quiero poner. Espero que me contestes (puedes escribir a misspatriblog@gmail.com) Muchas gracias!!

    misspatri.blogspot.com

    ResponderEliminar
    Respuestas
    1. MissPatri, si quieres poner tus propios botones solo cambia
      "https://lh6.googleusercontent.com/-K3J0Rflj7mA/Udhn0ElHFqI/AAAAAAAAA_c/wBmAeOpedr4/s506-o/icono_youtube.png" de todos los botones por la url de tu imagen después de que la hayas subido a cualquier hosting (picasa por ejemplo) y ahí tendrás tu propia imagen. Ten en cuenta que el tamaño de tus botones no exceda de 40x40px para que no distorsione dentro de tu blog. Gracias por tu comentario y por visitar el blog

      Eliminar

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger