Acá les traigo un buen contador de visitas para nuestro articulo o entrada de nuestro blogger.
Bueno regreso con un nueva entrada acerca de como unir el facebook y el blogger, muchos tenemos el inconveniente que cuando publicamos los link de nuestro blog en el facebook en la descripción siempre nos sale lo mismo para todas las entradas, en muchas paginas que vi comentaban q les salia error por eso me atreví a crear esta entrada por que yo tengo en funcionamiento este método y me va muy bien espero poder ayudarlos aquí les muestro un ejemplo de como aparecían antes los enlaces de mi blog en facebook.
imagen(clic para agrandar)
Lo que tenemos que hacer para que nos muestre un Titulo y una parte de nuestro contenido en los enlaces de facebook se muestren automáticamente, tienen que seguir los siguientes pasos (no duden todo lo que publico esta comprobado por mi).
Importante: hagan su copia de seguridad antes de comenzar tal vez se equivocan en uno de los pasos.
Primero.
Entramos a blogger > diseño > edición html > activamos la casilla expandir plantillas de artilugios.
Presionamos ctrl+F y buscamos <head> debajo de el insertamos el siguiente código.
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageName == ""'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
Segundo
Presionamos control+f y buscamos <data:post.body/> y arriba de el pegamos
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
y guardamos.
Tercero
Volvemos a Buscar <data:post.body/> y le agregamos <p></p> de manera que quede así:
<p> <data:post.body/> </p>
y lo guardamos.
Aquí les dejo una imagen de como queda
Para ver los cambios publiquen un enlace que no publicaste recientemente.
Les voy a enseñar de manera rápida y eficaz como se inserta el botón de facebook en todos sus entradas. Empecemos
Primero
Nos vamos al blogger > luego clic en diseño > edición HTML > y activamos la casilla EXPANDIR ARTILUGIOS
Como se muestra en la siguiente imagen(clic para agrandar)
Segundo
presionamos Ctrl + F para que se habilite el buscador (el cual va a aparecer en la parte de arriba del navegador) ahí pegamos <div class='post-footer-line post-footer-line-1'> ó <p class='post-footer-line post-footer-line-1'> (varía por el tipo de plantilla)
tal como se muestra en la siguiente imagen (clic para agrandar)
Tercero
Debajo del resultado de la búsqueda que les salga pegan el siguiente código:
<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script><fb:like expr:href="data:post.url" send="false" layout="box_count" width="450" show_faces="false" font=""></fb:like>Y guardamos. Si desean modificar el código de tipo de me gusta :
layout - hay tres opciones.standard - muestra el texto social a la derecha del botón y "el perfil amigos fotos a continuación. La anchura mínima: 225 píxeles. ancho por defecto: 450 píxeles. Altura: 35 píxeles (sin fotos) o de 80 píxeles (con fotos).button_count - muestra el número total de le gusta a la derecha del botón. Ancho mínimo: 90 píxeles.ancho por defecto: 90 píxeles. Altura: 20 píxeles.box_count - muestra el número total de los gustos sobre el botón. Ancho mínimo: 55 píxeles. ancho por defecto: 55 píxeles. Altura: 65 píxeles.show_faces - muestra la foto de tus amigos a los que les gusto, solo se utiliza en standard . True (si mostrar) False(no mostrar).
