Sexy Bookmarks para blogger en español

Conoces el famoso plugin de Wordpress "Sexy Bookmarks" ?

Bueno yo la primera ves que lo vi me pregunte si de alguna manera se podía integrar a Blogger, así que me puse a Googlear y después de un rato di con una web (no recuerdo cual) en la que mostraban el código para ponerlos en Blogger y lo probé, pero lo que no me gusto es que los iconos todos eran de webs en ingles (algo que no me serbia mucho) así que por eso me di a la tarea de crear una versión "Español" de los "Sexy Bookmarks" y he aquí el resultado





Para añadir los Sexy Bookmarks tienes que seguir estos pasos:

Recuerda: Siempre antes de editar tu plantilla es recomendable hacer un respaldo de ella al igual que tus widgets.

Para buscar códigos recuerda también usar el comando CTRL+F

1. Ir a Editar tu Plantilla HTML y expandir los artilugios

2. Ahora debes buscar el tag ]]></b:skin> y arriba de el debes pegar el siguiente código

/* Sexy-Bookmarks

-----------------------------------------------*/


div.sexy-bookmarks {


height:54px;


background:url('http://i754.photobucket.com/albums/xx182/zavaletaster/sharing.png');


position:relative;


width:400px;


}


div.sexy-bookmarks span.sexy-rightside {


width:17px;


height:54px;


background:url('http://i754.photobucket.com/albums/xx182/zavaletaster/sharing.png') no-repeat right bottom;


position:absolute;


right:-5px;


}


div.sexy-bookmarks ul.socials {


margin:0 !important;


padding:0 !important;


position:absolute;


bottom:0;


left:10px;


}


div.sexy-bookmarks ul.socials li {


display:inline-block !important;


float:left !important;


list-style-type:none !important;


margin:0 !important;


height:29px !important;


width:48px !important;


cursor:pointer !important;


padding:0 !important;


}


div.sexy-bookmarks ul.socials a {


display:block !important;


width:48px !important;


height:29px !important;


font-size:0 !important;


color:transparent !important;


}


.sexy-rss, .sexy-rss:hover, .sexy-meneame, .sexy-meneame:hover, .sexy-apezz, .sexy-apezz:hover, .sexy-bitacoras, .sexy-bitacoras:hover, .sexy-enchilame, .sexy-enchilame:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-mail, .sexy-mail:hover {


background:url('http://i754.photobucket.com/albums/xx182/zavaletaster/icons.png') no-repeat !important;


}


.sexy-rss {


background-position:left top !important;


}


.sexy-rss:hover {


background-position:left bottom !important;


}


.sexy-meneame {


background-position:-50px top !important;


}


.sexy-meneame:hover {


background-position:-50px bottom !important;


}


.sexy-apezz {


background-position:-100px top !important;


}


.sexy-apezz:hover {


background-position:-100px bottom !important;


}


.sexy-bitacoras {


background-position:-150px top !important;


}


.sexy-bitacoras:hover {


background-position:-150px bottom !important;


}


.sexy-enchilame {


background-position:-200px top !important;


}


.sexy-enchilame:hover {


background-position:-200px bottom !important;


}


.sexy-facebook {


background-position:-250px top !important;


}


.sexy-facebook:hover {


background-position:-250px bottom !important;


}


.sexy-twitter {


background-position:-300px top !important;


}


.sexy-twitter:hover {


background-position:-300px bottom !important;


}


.sexy-mail {


background-position:-350px top !important;


}


.sexy-mail:hover {


background-position:-350px bottom !important;


}

3. Ahora debes buscar el siguiente código

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>


Cuando lo hayas encontrado debajo de esos códigos debes pegar este otro


<!-- Ini Sexy-Bookmarks -->

<br/>


<div class='sexy-bookmarks'>


<ul class='socials'>


<li class='sexy-rss'><a href='URL DE TU FEED' target='_blank' title='Subscribete al RSS'/></li>


<li class='sexy-meneame'><a 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='sexy-apezz'><a expr:href='&quot; http://apezz.com/submit.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Apezz'/></li>


<li class='sexy-bitacoras'><a expr:href='&quot; http://bitacoras.com/anotaciones/&quot; + data:post.url' target='_blank' title='Bitacoras'/></li>


<li class='sexy-enchilame'><a expr:href='&quot; http://enchilame.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enchilame'/></li>


<li class='sexy-facebook'><a 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='sexy-twitter'><a 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='sexy-mail'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enviaselo a un amigo'/></li>


</ul>


<span class='sexy-rightside'/></div>


<!-- Fin Sexy-Bookmarks -->

No te olvides de reemplazar donde dice URL DE TU FEED por la dirección RSS de tu Blog



El demo lo puedes ver aqui (si eres usuario de Wordpress puedes descargar el plugin de ahí mismo).