/* ANUNCIO4 */

Compartir en Redes Sociales (Sexy Bookmarks Español) para Blogger

Buscando en Internet me encontré con el famoso plugin de Wordpress "Sexy Bookmarks" pero para Blogger, no estaba totalmente en Español, por lo que me puse a completarlo, espero que te sirva.

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

Nota: Te recomiendo crear una copia de seguridad de tu plantilla, por si algo no sale bien y puedas restaurar tu plantilla.

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://wixusblogger.blogspot.com/feeds/posts/default?alt=rss

Donde la tulla 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.

0 comentarios:

Publicar un comentario