Buscando en Internet me encontré con el famoso plugin de WordPress «Sexy Bookmarks» pero para Blogger,esta totalmente en español,espero que les sirva

Para añadir «Sexy Bookmarks» sigue las indicaciones a continuación:

Ve a Escritorio/ Diseño/ Edición de HTML, click en Expandir plantillas de artilugios y
Busca esto: ]]></b:skin> (CTRL+F) y antes de el pega el siguiente código

/* Sexy-Bookmarks
-----------------------------------------------*/

div.sexy-bookmarks {
height:54px;
background:url('http://2.bp.blogspot.com/_U8ODEZi-HMk/TOr7lTFU90I/AAAAAAAAAGk/znL-2YtJZRQ/s1600/sharing.png');
position:relative;
width:400px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://2.bp.blogspot.com/_U8ODEZi-HMk/TOr7lTFU90I/AAAAAAAAAGk/znL-2YtJZRQ/s1600/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://1.bp.blogspot.com/_U8ODEZi-HMk/TOr8TFirL5I/AAAAAAAAAGo/PozhNoCbPeg/s1600/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;
}

Ahora busca este Código:
<div style=’clear: both;’/> <!– clear for photos floats –>
y mas adelante de este estara este otro </div>
debajo de el pega esto

<!-- 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 -->

Ahora remplaza URL DE TU FEED por la direccion RSS de tu Blog
Ejemplo: http://miltrucosblogger.blogspot.com/feeds/posts/default?alt=rss

Donde la tuya puede ser… http://tu-blog.blogspot.com/feeds/posts/default?alt=rss

Click en Vista Previa, para ver que todo este bien, y por ultimo click en GUARDAR PLANTILLA.

Bueno como siempre yo testeo y pruebo los trucos antes de ponerlos aca para verificar que si funciona asi que ante cualquier duda no olvides en preguntar


29 comentarios

Juvinao · marzo 30, 2011 a las 3:55 pm

Como dije el truco funciona de maravilla y lo uso ante culaquier duda comenten :):)

Wixus · abril 5, 2011 a las 10:13 pm

andale igualito a el mio!!

Michel Abraham Ramos Soto · junio 11, 2011 a las 9:58 pm

Muchas gracias amigo . de donde aprendes todo esto?

Juvinao · junio 12, 2011 a las 12:23 am

@Michel Abraham Ramos Soto Gracias a ti por comentar,pues esto del HTML se aprende con algo de practica.

Merovingio · junio 22, 2011 a las 10:45 pm

MIl gracias, estaba usando los que estan en ingles, pero parece que dejaron de funcionarme. Ahora puse estos y funcionan perfectamente.

Si quieres pasarte para verlo, mi blog es http://debian-earth.blogspot.com/

Juvinao · junio 23, 2011 a las 12:06 am

@Merovingio SI los que estaban en ingles dejaron de funcionar pero los que muestro aqui estan 100% funcional y lo mejor en español,gracias por comentar.

El RePOSTero de LLDM by yisay_gf · julio 11, 2011 a las 4:52 am

mil gracias tambien lo estube buscando y lo encontre en otro lado pero no le entendi y aqui lo esplicas muy bien facil y comprensibel quedo de maravilla.

Juvinao · julio 12, 2011 a las 12:19 am

@El RePOSTero de LLDM by yisay_gf Gracias por comentar y si trato de ser lo mas claro posible para que los demas entiendan mis tutoriales 😉

Joel David · agosto 14, 2011 a las 8:07 pm

Muchas gracias, de todos los codigos que anda rodando por la red, este es el que funciona, los demas por estar alojados los iconos en photobucket no les va a funcionar… mil gracias

Juvinao · agosto 14, 2011 a las 8:39 pm

@Joel David Es cierto hay mucho que no funcionan pero este si funciona,gracias por comentar 🙂

bruno · septiembre 9, 2011 a las 9:47 pm

Gracias amigo funciona pero esto no lo entiendo:
Ahora remplaza URL DE TU FEED por la direccion RSS de tu Blog
Ejemplo: http://miltrucosblogger.blogspot.com/feeds/posts/default?alt=rss

Juvinao · septiembre 10, 2011 a las 6:09 pm

bruno lo que tienes que reemplazr la parte que dice miltrucosblogger por el nombre de tu blog y listo 🙂

espaciometalero · octubre 23, 2011 a las 2:09 pm

Muy util, pero como puedo hacer que esto aparezca solo dentro de la entrada y no en el inicio del blog, muchas gracias

Juvinao · octubre 23, 2011 a las 3:45 pm

espaciometalero Para que aparezcan los botones solo en las entradas debes poner lo siguiente al principio del codigo <b:if cond=’data:blog.pageType == «item»‘> y al final pones </b:if> y listo.

Admin · octubre 25, 2011 a las 9:30 pm

De cual de los dos codigos, el primero o el ultimo¿?

Juvinao · octubre 25, 2011 a las 9:40 pm

Admin del ultimo codigo

keebyn Eliaas · abril 24, 2012 a las 12:26 am

Gracias me sirvio :D, Queria preguntarte cual es el codigo html de esas cajas que pones para poner tus codigos. Gracias, Saludos

Manolo · mayo 6, 2012 a las 4:14 pm

Muchas gracias por el aporte, hace tiempo que buscaba esto.
¿Podrías explicar como se pone el texto que aparece en rojo con la flecha sobre los botones?

La Red Cyber Cafe · julio 8, 2012 a las 11:45 pm

hey me aparecen fuera en la entrada como hago para que me salga solo cuando lean ñas entrdas

Sedrach · agosto 10, 2012 a las 9:56 pm

Exelente, listos instalados y configurados de imagen, se ven muy bien en mi blog, gracias…

    Juvinao · agosto 11, 2012 a las 8:17 pm

    Sedrach gracias por comentar y de seguro tu blog se ve muy bien con estos botones.

    Saludos 😛

Afm · noviembre 12, 2012 a las 12:41 pm

Este comentario ha sido eliminado por el autor.

Responder a Manolo Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *