Marcador Forma Tienda de Facebook Para Blogger

En este tutorial te traere los marcadores o bookmarks de los Medios Sociales de facebook,twitter y dribble para que los visitantes y lectores de tus articulos puedan compatrirlo en las redes sociales.Esto representa que tu articulo se extendera y muchas mas personas podran disfrutar de el contenido de tus entrdas de blog.Ademas ayuda inmensamente aumentar el trafico de visitantes a tu pagina web.

Este widget son muy atractivos y apelativos a la vista pues son en forma de tiendas con el logo de facebook,Twitter y dribble ,tiene el efecto hover-significa que cuando pones el cursor de tu mouse aobre los mismos rotan 360 grados.
Ejemplo da click en

Te dare los simples pasos para añadirlo exitosamente a tu blog de blogger.
1.Entra en tu cuenta de blogger

2.Selecciona Plantilla y ve a Editar Html y busca el siguiente codigo ]]</b:skin>
3.Arriba de la etiqueta ]]</b:skin> pega el siguiente codigo de Css

p#socialicons img {    -moz-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;} p#socialicons img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}

4.Entra nuevamente en blogger ve a Diseño y selecciona Html-Javascript y pega el siguiente codigo

<center><p id="socialicons">
<a href="http://www.facebook.com/sharer.php?u=http://www.ciudadblogger.info/2013/07/anadir-barra-de-menu-de-navegacion.html&amp;t=Añadir Barra de Menu de Navegacion Delagada a Tu Blog de Blogger " rel="external nofollow" target="_blank"><img src="http://i41.tinypic.com/2ev6id0.png" title="Comparte en Facebook" border="0"></a>
<a href="http://twitthis.com/twit?url=http://www.ciudadblogger.info/2013/07/anadir-barra-de-menu-de-navegacion.html&amp;title=Añadir Barra de Menu de Navegacion Delagada a Tu Blog de Blogger " rel="external nofollow" target="_blank"><img src="http://i39.tinypic.com/t0mhxc.png" title="Comparte en Twitter" border="0"></a>
<a href="http://digg.com/submit?phase=2&amp;url=http://www.ciudadblogger.info/2013/07/anadir-barra-de-menu-de-navegacion.html"&amp;title=Añadir Barra de Menu de Navegacion Delagada a Tu Blog de Blogger " rel="external nofollow" target="_blank"><img src="http://i39.tinypic.com/2448cg7.png" title="Comparte en Digg" border="0"></a>
</p></center>

Nota:
a.Ahora cambia lo que esta en la direccion de este articulo que esta en amarillo por la direccion de uno de tus artuculos.
b.Cambia lo que esta en azul verdoso con el titulo de tu articulo.

5.Ahora guarda tu Html/Javascript y acomoda este widget en area adecuada ,que cuadre con el ancho de tu plantilla,puedes ponerlo debajo de tus entradas.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati