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(http://www.miltrucosblogger.com/wp-content/uploads/2011/11/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 siguiente 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
11 comentarios
Juan Gonzalez · noviembre 19, 2011 a las 4:56 pm
Sin duda, se ven muy bien. Pensaré donde colocarlos, ya que en el footer del post ya tengo unos colocados. Gracias Juvinao!
Juvinao · noviembre 19, 2011 a las 6:02 pm
Juan Gonzalez usalos amigo se ven geniales.Saludos!
Chiknaui.Mikistli Joel Molina Reyes · noviembre 19, 2011 a las 11:04 pm
esta de verdad guenos…jejejeje
Cloudx18 · noviembre 20, 2011 a las 1:56 am
Me gustaron los íconos 🙂
Salu2
Juvinao · noviembre 20, 2011 a las 2:15 pm
Chiknaui.Mikistli Joel Molina Reyes amigo si estan muy buenos..
Cloudx18 si como dije son de los mejores que hay xd 😛
Saludos..
Jorge Luis · noviembre 20, 2011 a las 2:16 pm
estan excelentes los iconos ya los tengo en mi blog saludos Juvinao
Juvinao · noviembre 20, 2011 a las 8:48 pm
Jorge Luis gracias por comentar y un saludo!
Chiknaui.Mikistli Joel Molina Reyes · noviembre 21, 2011 a las 7:55 pm
que hermosa plantilla, y no puedo creer que haya 103 visitantes en linea y solo 7 comentarios en esta entrada…. un saludo juvinao, esta maravillosa la nueva plantilla,
Juvinao · noviembre 21, 2011 a las 8:35 pm
Chiknaui.Mikistli Joel Molina Reyes fue solo una prueba por ahora me quedo con esta,pero pronto renovare el blog,Saludos
Dryken · noviembre 22, 2011 a las 11:57 am
Muy buenos iconos, los probaré a ver que tal quedan.
Por cierto la nueva plantilla se ve estupenda, muy natural, cada vez son mejores.
Saludos compañero!
Juvinao · noviembre 22, 2011 a las 12:23 pm
Dryken como dije he estado haciendo pruebas en el blog pero todavia no me decido por cual plantilla XD! :]