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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIj-_c6nqVuJPCPesbm_DmT5qBszayvoG-3IrAbYZaZLYzUn-n63cpmaSUHflEdFTOs2S6uSUMnFdrW7HKd_27C-RdPmdo7axnlNJXkVU3lMeg8P9oHoBSj5TfDcSPIXbFU-zxUXzBfek/s506-o/icono_youtube.png'
title='Youtube'/></a> <a target="blank" href="http://pinterest.com/XXXXXXXXXXXX/"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Xi0EfRUUV38M3Yz-Q_4KKLQd3DejIbFYR4g2XzSoAz0N1vnS2ZF_0i_pGJ3_Kv8KwO3TAPzKbbGucu52CqWyjVANOKzxd7soZkpEjoHpQibYO8nsI_T-qvxZF098CHmke81d1EkQqq8/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.
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!!
ResponderEliminarmisspatri.blogspot.com
MissPatri, si quieres poner tus propios botones solo cambia
Eliminar"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