0
Conoces el famoso plugin de Wordpress "Sexy Bookmarks" ?
Bueno yo la primera ves que lo vi me pregunte si de alguna manera se podia integrar a Blogger, asi que me puse a Googlear y despues de un rato di con una web (no recuerdo cual) en la que mostraban el codigo para ponerlos en Blogger y lo probe, pero lo que no me gusto es que los iconos todos eran de webs en ingles (algo que no me servia mucho) asi que por eso me di a la tarea de crear una version "Español" de los "Sexy Bookmarks" y he aqui el resultado
Para añadir los Sexy Bookmarks tienes que seguir estos pasos:
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 codigo
3. Ahora debes buscar el siguiente codigo
Cuando lo hayas encontrado debajo de esos codigos debes pegar este otro
No te olvides de reemplazar donde dice URL DE TU FEED por la direccion RSS de tu Blog
El demo lo puedes ver aqui (si eres usuario de Wordpress puedes descargar el plugin de ahi mismo).
Bueno yo la primera ves que lo vi me pregunte si de alguna manera se podia integrar a Blogger, asi que me puse a Googlear y despues de un rato di con una web (no recuerdo cual) en la que mostraban el codigo para ponerlos en Blogger y lo probe, pero lo que no me gusto es que los iconos todos eran de webs en ingles (algo que no me servia mucho) asi que por eso me di a la tarea de crear una version "Español" de los "Sexy Bookmarks" y he aqui 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 codigos recuerada tambien 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 codigo
/* 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 codigo
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>Cuando lo hayas encontrado debajo de esos codigos 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='" 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 -->No te olvides de reemplazar donde dice URL DE TU FEED por la direccion RSS de tu Blog
El demo lo puedes ver aqui (si eres usuario de Wordpress puedes descargar el plugin de ahi mismo).
0Comentarios!