marcadores de redes sociales para nuestro blogs

Hoy les enseñare a añadir marcadores sociales pero para personas de
habla hispana, este truco lo vi en Pizcos blog.

ir a Diseño / Edicion de HTML / (Presionamos Contol + F para Buscar mas Rapido)Buscamos  ]]></b:skin>   y justo antes pegamos:
Pasos a Seguir:

div.marcadores { height:65px; position:relative; width:480px; } div.marcadores ul.cat { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:50px; } div.marcadores ul.cat li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:60px !important; width:60px !important; cursor:pointer !important; padding: 0 !important; } div.marcadores ul.cat a { display:block !important; width:60px !important; height:60px !important; font-size:0 !important; color:transparent !important; } .cat-bitacoras, .cat-bitacoras:hover,.cat-delicious, .cat-delicious:hover,.cat-facebook, .cat-facebook:hover, .cat-meneame ,.cat-meneame:hover, .cat-technorati, .cat-technorati:hover, .cat-twitter, .cat-twitter:hover, .cat-wikio, .cat-wikio:hover { background:url(https://lh4.googleusercontent.com/-NWgnv0ahUho/Tw3Jfv58hZI/AAAAAAAAAQE/t4o3lzekv-A/s400/safe_image.png) no-repeat !important; } .cat-bitacoras { background-position: left top !important; } .cat-bitacoras:hover { background-position: left bottom !important;} .cat-delicious { background-position: -70px top !important; } .cat-delicious:hover { background-position: -70px bottom !important; } .cat-facebook { background-position: -140px top !important; } .cat-facebook:hover { background-position: -140px bottom !important; } .cat-meneame { background-position: -210px top !important; } .cat-meneame:hover { background-position: -210px bottom !important; } .cat-technorati { background-position: -280px top !important; } .cat-technorati:hover { background-position: -280px bottom !important; } .cat-twitter { background-position: -350px top !important; } .cat-twitter:hover { background-position: -350px bottom !important; } .cat-wikio { background-position: -420px top !important; } .cat-wikio:hover { background-position: -420px bottom !important; }

Ahora guardamos cambios, expandimos los Artilugios y

Buscamos <div class='post-footer-line post-footer-line-3'> y justo abajo pegamos:

<div class='marcadores'> <ul class='cat'> <li class='cat-bitacoras'><a alt='Bitacoras' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bitacoras'/></li> <li class='cat-delicious'><a alt='Delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'/></li> <li class='cat-facebook'><a alt='Facebook' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'/></li> <li class='cat-meneame'><a alt='Meneame' expr:href='&quot; http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Meneame'/></li> <li class='cat-technorati'><a alt='Technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Technorati'/></li> <li class='cat-twitter'><a alt='Twitter' expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'/></li> <li class='cat-wikio'><a alt='Wikio' expr:href='&quot; http://www.wikio.es/vote?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Wikio'/></li> </ul> </div>

y listo, tenemos los marcadores sociales en nuestro blog.

Fuente : Mundo Blogger