Marcador Social Animado Para Tu Blog de Blogger

Interesante como los gadgets de marcadores sociales especialmente algunos que tiene un estilo y efecto animado.En esta ocasion les traigo uno que se coloca en la parte  inferior de tu pagina o de tu blog,estos son 6 iconos de marcadores que al apuntar sobre este gadget se abre y expone.Estos botones sirven para que los visitantes compartan tu articulos en redes sociales entre los marcadores estan Pinterest, Google+, Facebook, Twitter, Tumblr y Email.Below.

Ejemplo de este marcador :




Como Ponee este gadget en tu blog.
Nota: Recuerda siempre hacer una copia de tu plantilla por si algo sale mal.

Pasos ha seguir.

Paso 1.Entra a la interface de blogger > Plantilla >  Edite Html

 Paso 2.Busquela siguiente etiqueta.</body>


Paso 3. Copie y pegue el siguiente codigo sobre/antes de </body>

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.com -->
<div class='shr_ss shr_publisher'>

</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://www.spiceupyourblog.com/2012/05/animated-sassy-social-bookmark-gadget.html'></a> - <a href='http://www.ciudadblogger.info'>Blogger Tips</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.com -->

Paso 4.Guarda la plantilla y Listo.

Read More