Globedia.com

×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Cesarromero escriba una noticia?

Botones Facebook y Twitter para Blogger

04/10/2012 18:28 2 Comentarios Lectura: ( palabras)

image

Lo primero que haremos es ir a plantilla, Edición de Html, continuar. Debemos hacer clic en expandir plantillas de artilugios.Presionamos F3 (Chrome) y nos saldrá un buscador, allí pondremos lo siguiente:

Si no lo encuentras con ese código búscalo nuevamente introduciendo el código sin el final "/>". Existen 2 lineas con el mismo código, bajo la primera pondremos lo siguiente:

image

El efecto de desvanecimiento lo lograremos con Scriptaculous y Prototype, así que quien use jQuery tendrá que hacer unos cambios para que ambas librerías puedan funcionar al mismo tiempo.

La instalación de estos botones es bastante sencilla, primero entra en la Edición HTML de la plantilla y antes de ]]> agrega estos estilos:

#botones-like {

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 0px 0px 4px #696969;

-moz-box-shadow: 0px 0px 4px #696969;

box-shadow: 0px 0px 4px #696969;

background-color: #eee; /* Color de fondo del botón */

padding: 5px;

font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;

font-size: 10pt; /* Tamaño del texto */

color: #999999; /* Color del texto */

text-align: center;

position:fixed;

bottom:5px;

right:30px;

}

#expandirBotones{

background:#eee; /* Color de fondo del contenedor */

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 0px 0px 6px #696969;

-moz-box-shadow: 0px 0px 6px #696969;

box-shadow: 0px 0px 6px #696969;

position:fixed;

bottom:40px;

right:30px;

} Ahora antes de pega este código; si ya lo tuvieras no hace falta ponerlo otra vez:

Luego pega antes de lo siguiente:

¡Recomienda este blog!

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http:// nombre-de-mi-blog.blogspot.com &layout=box_count&show_faces=false&width=72&height=63&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:72px; height:63px'></iframe>

nombre-de-mi-blog.blogspot.com' size='tall'/>

Cambia la dirección de tu blog donde se indica, así como el mensaje que aparecerá en Twitter y listo.En color verde puedes cambiar algunos aspectos del diseño, básicamente será el color de fondo y de texto.

El botón para compartir el blog aparecerá en todas las entradas, si deseas que aparezca sólo en la portada tendrás que encerrar el último código con la condicional que le corresponde.Recuerda que no compartirá las entradas del blog, sino el blog en general. Si buscas botones para compartir las entradas puedes ver algunas opciones en la sección de Facebook.

Si ya estuvieras usando el botón +1 de Google entonces no hará falta repetir el código del script, así que busca esta línea todas las veces que la tengas y elimínala:

Sólo dejaremos el script que hemos puesto en este código, excepto si has decido poner los botones sólo en la portada, si así fuera entonces no hará falta quitar esa línea salvo algunas excepciones.

ACTUALIZACIÓN: En Internet Explorer el botón de Facebook no se ve bien cuando se agrega de esta forma.

image

Para promocionar nuestro blog en las redes sociales como Facebook, Twitter y Google+vamos a agregar botones sociales en el sidebar como se puede ver en la imagen. Para hacer esto sólo utilizaremos código HTML.Nos vamos a Escritorio > Diseño > Elementos de la página > Añadir un gadget > HTML/javascript donde pegaremos el siguiente código:

Modifica lo que está en rojo con tus respectivos nombres de usuario o reemplaza con la URL de Facebook, Twitter y Google+, después guarda los cambios y ya los verás funcionando.


Sobre esta noticia

Autor:
Cesarromero (794 noticias)
Fuente:
ejercitoantivirus.blogspot.com
Visitas:
1227
Tipo:
Reportaje
Licencia:
Distribución gratuita
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Empresas

Comentarios

×
¿Desea borrar este comentario?
Borrar
0
+ -
Responder

Chabo (04/10/2012)

Copado justo lo que buscaba.

0
+ -
Responder

Jhonny (21/12/2012)

Hola amigo, en tu blog no he podido entender, necesito saber si puedes explicar bien, necesito poner en mi blog, el boton de ''compartir'' de face tal y como lo tienes