Widgets de iconos sociales para Blogger

Widgets de iconos sociales para Blogger

Muchos Bloggers están buscando en la red nuevos códigos, para poder implementarlos en sus blogs y así tener una página de diseño web profesional, el día de hoy compartiré un widget para Blogger de iconos sociales. Este nuevo código lo podrán utilizar en sus entradas y ubicarlo al final o al comienzo de cada publicación, además tendrán la opción de insertarlo en un widget y ubicarlo en el sidebar de su blog o en donde a ustedes mejor les parezca. El widget social para Blogger tiene 4 perfiles sociales, Facebook, Myspace, Feedburner y Twitter. Al utilizar sus perfiles sociales, los usuarios que visitan sus blogs, tendrán la opción de seguirlos, generando trafico web hacia su blog o página web, que es una buen practica de conseguir que más personas se unan a sus perfiles sociales y así cada vez que ustedes actualicen con nueva información en sus páginas sociales, a sus suscriptores les llegara automáticamente sus nuevas publicaciones.



instrucciones

1 Ir a Blogger


2 Un clic en “Diseño”

                                                                 

3 Abre un gadget “Añadir un gadget”

                                                           

4 Busca el widget que dice “HTML/Javascript” ábrelo

                                                                   

5 Inserta las siguientes líneas de código en su interior

                                                           

<div class="social">
<a href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017" target="_blank" title="Facebook"><img height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGlOUPWNbj6xCSwqpyIoHBZQqnEMnfIJDKq6C_0vcgVOI8jpby_FEM7YXIoUtQ7uVcwEdZZQYUhFPNivdDOnZtELBCq58mNlsZ5j2JBG4e7y8CdPJS3J22KdJpH2PgzU2OXEQiNky_hY/s42/facebook.png" width="42" /></a>
<a href="http://www.myspace.com/" target="_blank" title="Myspace"><img height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHhdYYclPp-4TyVsJM782yJhbg8OPLUZZCELzOmqJ5UUf2bcDWkZMsK2VRShbzKKakXHbqf1Lr_4gBhAq74cl9ZhoDIWuhA39-d1eLeQnOoOP7YzkbUqdb2rLsyb7ysNKo3i79joWBCJ8/s42/myspace.png" width="42" /></a>
<a href="http://feeds.feedburner.com/ForoAyudaDeBlogger" target="_blank" title="RSS"><img height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhivw8jqHCLPV2_awRdd1uchpJ1jVQPkpYGO0471G0dvqPJ7tS5d6JIVpHp2Y7YA47nGH2L5jESgpV7y1PBffoE5bRvbb0avo5tSRYUyQkG-QM0OHtODieZ2degrguRiyJY7tM2w13VKo/s42/rss.png" width="42" /></a>
<a href="https://www.twitter.com/ayudadeblogger" target="_blank" title="Twitter"><img height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVe13OVCz5H0xrXn_DCZ5LUmsOeAQeOb4rw_0wmZz6Pm5eVAp0mOc0Se1xM9xXVC6uz8Jeu8gopAwDB3uZFN67ZunEUKZjXEBvgsApHVUaNLklcd5SAPE-SRdp4Ev6jN9UpiKxSDxpuo/s42/twitter.png" width="42" /></a>
</div>

Realiza estos cambios:

He marcado de color azul en las URLs que tendrás que cambiarlos por las direcciones URLs de tus perfiles sociales.

Una vez hecho esto, da un clic en “Guardar” y ubica tu nuevo widget donde tú quieras

Ahora, si quieres ubicar este código en una entrada, lo podrás hacer, abre una nueva entrada, da un clic en la pestaña “HTML” y copia el código, realiza los mismos cambios que detalle anteriormente. Eso es todo.

Fecha de la Publicación; 27-12-2018

Fuente; ayudadeblogger

Publicado por;