Boton Flotante Me gusta de Facebook en tu Blog

Botón Flotante Me Gusta de Facebook en tu Blog.
Ahora vamos a aprender a colocar el Botón Flotante “Me gusta” en tu Blog o en tu Sitio Web, y te darás cuenta que es muy sencillo colocarlo. Mira si miras en este blog existe un botón de “Recomendar”, sin embargo tenez que saber que el “Me gusta” es lo mismo que el de “Recomendar”, aunque a veces el recomendar suele atractivo.

Bueno ahora si Manos a la Obra (Me gusta Flotante en 5 pasos).

1.- Obtene la URL de tu blog por ejemplo para nuestro caso será la siguiente URL.
       http://inforsis-william.blogspot.com/

2.- Tenes que entrar a los Developers de Facebook el de like.
    http://developers.facebook.com/docs/reference/plugins/like/

3.- Ahora lo que tenez que hacer es: Donde te pide la URL to like, le pones tu URL, ahora desmarcas Send Button, después donde dice Layout Style escoges el de box_count; finalmente solo tenez que hacer Get Code, y te aparecerá una ventana con códigos voz tenez que ir donde dice IFRAME. Y copias el código que esta ahí y listo.

El código copiado será asi:

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Finforsis-william.blogspot.com%2F&send=false&layout=box_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=90&appId=278760335521178" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe>

El código anterior esta con la URL del paso 1, en tu caso será la dirección de tu blog. Si no hacés lo anterior al código tan solo reemplaza  la URL con la de tu blog y ya. 

Ahora presta atención. Donde dice //copia aqui tu codigo pega tu código de arriba.

<!-- Botón Flotante Facebook -->
<div style='display:scroll;position:fixed;bottom:5px;right:0px;'>
    //copia aqui tu codigo
</div>
<!-- Final Botón Flotante Facebook -->

Y te quedara así:

<!-- Botón Flotante Facebook -->
<div style='display:scroll;position:fixed;bottom:5px;right:0px;'>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Finforsis-william.blogspot.com%2F&send=false&layout=box_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=90&appId=278760335521178" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe>
</div>
<!-- Final Botón Flotante Facebook -->

4.- Ahora solo nos dirigimos a nuestro blog en este caso de blogger(Actual Interfaz).
    Te vaz a Plantilla, click en edicion de HTML, presionas Continuar. Y te vaz al final del código de la plantilla donde dice </body> antes de eso le pegas el código asi:

5.- Le das guardar plantilla y listo actualiza y mira el boton Flotante en tu blog. Para ver los resulatados ve al blog de prueba:  Click Aqui.

Bueno eso es todo para este post, en un proximo post te estare mostrando como colocar un bloque de botones flotantes de Facebook, de Twitter, de Google + hasta de taringa, hasta la proxima. Y no olvides recomendarnos y visita nuestra página de Facebook Soluciones Web DheeyReck para recibir nuestras actualizaciones.

Dejar Comentarios Click Aqui