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(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='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bitacoras'/></li>

<li class='cat-delicious'><a alt='Delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'/></li>

<li class='cat-facebook'><a alt='Facebook' 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='cat-meneame'><a alt='Meneame' 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='cat-technorati'><a alt='Technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Technorati'/></li>

<li class='cat-twitter'><a alt='Twitter' 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='cat-wikio'><a alt='Wikio' expr:href='&quot; http://www.wikio.es/vote?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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! :]

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *