jueves, 22 de agosto de 2013

Sexy Bookmarks en Español para Blogger

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

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

SuitsTheme

Excepteur occaecat cupidatat proident, sunt in culpa officia deserunt mollit arnim laborum. Nemo enim ipsam voluptatem quia voluptas aspernatur odit, sed quia consequuntur ratione voluptatem sequi nesciunt.

No hay comentarios :

Publicar un comentario