Nuevos marcadores sociales para tu blog

Los marcadores (o bookmarks) son unas herramientas muy útiles para la difusión de tus artículos, y además, últimamente están de moda. Hoy os traigo unos nuevos marcadores que los lectores promocionen y compartan los contenidos de tu blog.

Los marcadores contienen: del.icio.us, Bitácoras, RSS, Digg, Google, Yahoo, Technorati, Meneame, Fresqui, Enchilame, Twitter, Live, My Space y Facebook. Son muy estéticos.


                                                       EL TUTORIAL:

Entra a Diseño - Edición de HTML y expandimos los artilugios.


Vamos a ver ahora cómo insertarle a los marcadores el estilo pushbotton, es decir, que al pasar el mouse, de el efecto de que el botón se hunde. Para eso necesitaremos un poco de CSS.

.pushbutton a:hover{
position: relative;
top: 1px; left: 1px;
outline:none;
}
.bookmark table{
background-color:#000911;
border:1px hidden gray;
padding:10px;

}
.bookmark td{
font-size: 1em;
text-align: center;
vertical-align: middle;
color: #CCCCCC;
}
.bookmark img{
vertical-align: middle;
}

Ahora, busca la siguiente línea.

<p class='post-footer-line post-footer-line-3'/>

O si no, esta:

 <div class='post-footer-line post-footer-line-3'/>

Justo debajo de esta etiqueta, debemos pegar el texto de este archivo.
Si está todo en orden, pulsa Vista Previa.
Si hay alguno que no te gusta o simplemente quieres suprimirlo sólo hace falta borrar desde <span class='pushbutton'> hasta el próximo </span>

Para obtener más iconos, consulta la categoría Iconos.

Vía | CiudadBlogger

Actualización: Varios usuarios han estado comentando la necesidad de un demo para visualizar el resultado. Aquí lo tienen. Si no funciona o carga lento, por favor, comenten.