Mil Trucos Blogger

Sexy Bookmarks en Español para Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

29 Comentarios

  1. Marzo 30, 2011    

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

  2. Abril 5, 2011    

    andale igualito a el mio!!

  3. Junio 11, 2011    

    Muchas gracias amigo . de donde aprendes todo esto?

  4. Junio 12, 2011    

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

  5. Junio 22, 2011    

    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/

  6. Junio 23, 2011    

    @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.

  7. Julio 11, 2011    

    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.

  8. Julio 12, 2011    

    @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 😉

  9. Agosto 14, 2011    

    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

  10. Agosto 14, 2011    

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

  11. Septiembre 9, 2011    

    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

  12. Septiembre 10, 2011    

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

  13. Octubre 23, 2011    

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

  14. Octubre 23, 2011    

    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.

  15. Octubre 25, 2011    

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

  16. Octubre 25, 2011    

    Admin del ultimo codigo

  17. Abril 24, 2012    

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

  18. Mayo 6, 2012    

    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?

  19. Julio 8, 2012    

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

    • Julio 9, 2012    

      No se porque te aparece ese error.

  20. Agosto 10, 2012    

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

    • Agosto 11, 2012    

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

      Saludos 😛

  21. Afm Afm
    Noviembre 12, 2012    

    Este comentario ha sido eliminado por el autor.

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo