En el mundo de la Internet donde todo es tan dinamico y su contenido gira principalmente a traves de las redes sociales vale la pena tener excelentes marcadores sociales,asi que veamos los marcadores que les traigo hoy.
Su creador los ha llamado "Sexy marcadores para hispanos" porque son los marcadores que mas usamos los bloggeros de lengua hispana.
Para agregar estos marcadores primero vas a Diseño,Plantilla,Edición de HTML y antes de
]]></b:skin> pega lo siguiente:
div.marcadores {
height:65px;
position:relative;
width:480px;
}
div.marcadores ul.cat {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:50px;
}
div.marcadores ul.cat li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:60px !important;
width:60px !important;
cursor:pointer !important;
padding: 0 !important;
}
div.marcadores ul.cat a {
display:block !important;
width:60px !important;
height:60px !important;
font-size:0 !important;
color:transparent !important;
}
.cat-bitacoras, .cat-bitacoras:hover,.cat-delicious, .cat-delicious:hover,.cat-facebook, .cat-facebook:hover, .cat-meneame ,.cat-meneame:hover, .cat-technorati, .cat-technorati:hover, .cat-twitter, .cat-twitter:hover, .cat-wikio, .cat-wikio:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1FK2sN0LM3kNznAmJdFEEXf3JHenX8G-AklS89pUhI3YiIq6IaA8B8QfLWHQuxmGmbftSXYRrGnRXzW7c32MATmmCdmuXpoVRgLfkW6i1kOjond_IRUwRAUttQ3dYxOqMaUG97sDAk4/s1600/marc.png) no-repeat !important;
}
.cat-bitacoras { background-position: left top !important; }
.cat-bitacoras:hover { background-position: left bottom !important;}
.cat-delicious { background-position: -70px top !important; }
.cat-delicious:hover { background-position: -70px bottom !important; }
.cat-facebook { background-position: -140px top !important; }
.cat-facebook:hover { background-position: -140px bottom !important; }
.cat-meneame { background-position: -210px top !important; }
.cat-meneame:hover { background-position: -210px bottom !important; }
.cat-technorati { background-position: -280px top !important; }
.cat-technorati:hover { background-position: -280px bottom !important; }
.cat-twitter { background-position: -350px top !important; }
.cat-twitter:hover { background-position: -350px bottom !important; }
.cat-wikio { background-position: -420px top !important; }
.cat-wikio:hover { background-position: -420px bottom !important; }
Guardas los cambios,ahora expandes los artilugios y buscas la siguente linea:
<div class='post-footer-line post-footer-line-3'>
Debajo de ella agrega lo siguiente:
<div class='marcadores'>
<ul class='cat'>
<li class='cat-bitacoras'><a alt='Bitacoras' expr:href='"http://bitacoras.com/anotaciones/" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bitacoras'/></li>
<li class='cat-delicious'><a alt='Delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Delicious'/></li>
<li class='cat-facebook'><a alt='Facebook' expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Facebook'/></li>
<li class='cat-meneame'><a alt='Meneame' expr:href='" http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Meneame'/></li>
<li class='cat-technorati'><a alt='Technorati' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Technorati'/></li>
<li class='cat-twitter'><a alt='Twitter' expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Twitter'/></li>
<li class='cat-wikio'><a alt='Wikio' expr:href='" http://www.wikio.es/vote?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Wikio'/></li>
</ul>
</div>
Ahora para finalizar guardas los cambios.
Via/
Pizcos.net