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='" http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Meneame'/></li>
<li class='sexy-apezz'><a expr:href='" http://apezz.com/submit.html?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Apezz'/></li>
<li class='sexy-bitacoras'><a expr:href='" http://bitacoras.com/anotaciones/" + data:post.url' target='_blank' title='Bitacoras'/></li>
<li class='sexy-enchilame'><a expr:href='" http://enchilame.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Enchilame'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Facebook'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Twitter'/></li>
<li class='sexy-mail'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + 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
Juvinao · abril 24, 2012 a las 7:29 pm
Mira amigo aca te dejo la URL del post donde explico como hacerlo 😈
http://www.miltrucosblogger.info/2011/12/anadele-estilo-los-textos-citados-de-tu.html
keebyn Eliaas · abril 24, 2012 a las 8:07 pm
hechare un vistazo, Gracias 😀
Juvinao · abril 24, 2012 a las 11:34 pm
keebyn hecha el vistazo y dime que tal te fue.
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?
Juvinao · mayo 6, 2012 a las 5:09 pm
Manolo ese texto es una imagen y ya viene integrado en el codigo de la entrada pero si lo quieres personalizar busca la siguiente URL (imagen).
http://2.bp.blogspot.com/_U8ODEZi-HMk/TOr7lTFU90I/AAAAAAAAAGk/znL-2YtJZRQ/s1600/sharing.png
Esta se repite 2 veces asi que tendras que reemplazarla 2 veces.
Manolo · mayo 6, 2012 a las 8:25 pm
Gracias, al final lo he conseguido, repetí todo el proceso de nuevo y me apareció, algo no hice bien la primera vez, gracias de nuevo.
Juvinao · mayo 7, 2012 a las 3:41 pm
Bueno Manolo que bueno que te haya funcionado ya 😀
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
Juvinao · julio 9, 2012 a las 7:37 pm
No se porque te aparece ese error.
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.