Agregar Quote Facebook en Blogger - Plugin de citas

Las redes sociales son un pilar fundamental para la vida social de cualquier Blogger, fundamentalmente Facebook, donde los usuarios pueden compartir nuestros post y así las publicaciones llegan a más personas y la popularidad del blog aumentara paulatinamente. 
Hablando de Facebook, entre los tantos Plugins sociales que nos ofrecen para brindarles a nuestros lectores la posibilidad de compartir nuestro contenido en sus perfiles, grupos y paginas, existe un interesante Plugins llamado QuotePlugin de citas. Esta herramienta nos permite ofrecer la posibilidad de que cualquier usuario seleccione texto de nuestros post y comparta una Cita del mismo junto con un enlace de este. Haz la prueba seleccionando cualquier linea de texto de este mismo post y te aparecerá un cuadrito de dialogo como el de la siguiente captura de pantalla:


La instalación es muy simple. Comencemos.

Paso 1:

Para realizarla debes tener agregado lo siguiente en el código HTML de tu blog. (Si ya lo tenias omite este paso y continua al siguiente)

Entra en la Edición HTML del blog y busca la etiqueta:

<body>

En plantilla del Diseñador de Blogger lo encontrarás como:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Debajo de cualquiera de los códigos anteriores agrega el siguiente:

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/es_LA/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Guardar cambios.

Paso 2:

Ve a DiseñoElementos de página → Añadir un Gadget → HTML/Javascript. Y seguidamente pegar el siguiente código:

<div class="fb-quote"></div>

Guardar y listo, ya tendrás el Plugin de citas instalado en tu blog. Cualquier consulta no dudes en realizarla en los comentarios del post. Hasta el próximo post!

Comentarios

Entradas populares de este blog