Twitter Facebook Facebook Facebook RSS Feed Email

Los botones para compartir de Blogger

Etiquetado dentro de:  Publica un comenario
Blogger ha cambiado mucho desde que abandone los blogs hace dos años, ahora que exploro un me he encontrado con unos botones a los cuales no podía darles un uso especifico, así que probando pude darme cuenta que son de gran utilidad, ya que nuestros visitantes pueden compartir el contenido de una entrada de nuestro blog a cualquier otro servicio como Facebook o Twitter.

Para agregar estos botones aunque ya están integrados en la mayoría de las plantillas de blogger, se usa este código que podemos ver en, Edición Html al expandir los artilugios.


.......


Si no encontramos esa parte del código lo mas probable es que no este agregado en la plantilla, y por lo tanto tenemos que agregarlo manualmente, el código que hará que aparescan los botones es el siguiente, debemos agregarlo en la parte donde queramos que se muestren, lo mas común es agregarlos dentro del div de las entradas en el pie de pagina, tal como el ejemplo anterior.

Esto hará que los botones queden colocados bajo las entradas del blog.
<div class='post-footer'>
<!-- share buttons -->
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
Se agrega el código bajo <div class='post-footer'> si se quieren dejar los botones bajo las entradas o se pueden colocar donde queramos siempre que sea aceptado por la plantilla.

De no aparecer a pesar de todo, tal vez necesitemos habilitar esa opción, para esto vamos a Diseño - Entradas del blog- Editar y marcamos la casilla correspondiente como se ve en la siguiente imagen.

Botonescompartirenblogger

Podemos darle un poco de diseño para esto usamos el código css siguiente.
.post-share-buttons {
display: block;
margin: 0 auto !important;
position: relative;
top: -10px;
}
Con esto podemos cambiar la posición, o podemos agregarle algo mas complejo de acuerdo al nivel al manejar el código css de cada persona, aunque comúnmente es utilizado para corregir ubicación.

Como podemos ver son 5 botones que se muestran, con un pequeño código podemos desaparecer alguno que no nos agrade o que este de mas dentro del diseño.
.sb-email {display:none;} /* oculta el ícono de email */
.sb-blog {display:none;} /* oculta el ícono de blog */
.sb-twitter {display:none;} /* oculta el ícono de Twitter */
.sb-facebook {display:none;} /* oculta el ícono de Facebook */
.dummy-container {display:none;} /* oculta el ícono de Goggle+ */
Con todo esto podemos tener los botones para compartir de Blogger sin mayor esfuerzo.

0 comentarios:

Publicar un comentario

 

Web Blog Adicto. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com