Paso 1. Deshabilitar Comentarios predeterminado.
Lo primero que debe hacer para desactivar los comentarios de Blogger por defecto. porque no quiero tener dos formas de comentarios.vaya a su cuenta de blogger, vaya a Ajustes>> comentarios
y junto a las observaciones de campo elija Ocultar, a continuación, desplácese hacia abajo y haga clic en Guardar configuración
Paso 2. Generar el Facebook de la aplicación de identificación.
Ahora usted debe generar su propio facebook Identificación aplicación, es más sencillo y un proceso de paso,basta con ir a esta página, los desarrolladores de Facebook
a continuación, haga clic en + Set Up New Application
introduzca su nombre de la aplicación (se puede escribir cualquier nombre)
y verifique de acuerdo y haga clic en Crear aplicaciones
a continuación, haga clic en Conectar ficha (en las etiquetas de izquierda la lista) o ver la siguiente imagen.
Conecte URL: Escriba su blog url y debe entrar en él por un guión final. (por ejemplo: http://myblogname.blogspot.com/) .
Base de dominio debe escribir blogspot.com
a continuación, haga clic strong> de acuerdo y haga clic en Guardar cambios
en la siguiente página facebook te generará una gran cantidad de información. que necesita sólo una línea, es la aplicación ID:
acaba de copiar y guardar en cualquier lugar, vamos a necesitar en los próximos pasos. por favor vea la siguiente imagen para ver donde puedes encontrar tu facebook de la aplicación de identificación:.
Paso 3. Códigos Para agregar a la plantilla.
debe agregar los siguientes códigos para la plantilla de blogger para asegurarse de que la casilla de comentarios trabajará para su blog de la manera correcta.y en este paso vamos a añadir los siguientes códigos,
- atributo xmlns
- SDK de secuencia de comandos
- Abrir Gráfico etiquetas de protocolo
- Agregar el atributo xmlns:
a continuación, busque el código siguiente,
<html
lo encontrarás en la parte superior de su código. segunda o tercera línea, y después de que se agregue el siguiente código,
xmlns:fb='http://www.facebook.com/2008/fbml'debe escribir un espacio antes y después de ella, aquí es un ejemplo.
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >
- Adición de la secuencia de comandos del SDK de código:
<body>
y después de que se agregue el siguiente código,
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
pero por favor no se olvide de cambiar YOUR APP ID de su ID de aplicación (usted lo consiguió en el paso anterior).
- Adición de las etiquetas Abrir Gráfico protocolo:
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if> <meta content='MY-SITE-NAME' property='og:site_name'/> <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/> <meta content='YOUR-APP-ID' property='fb:app_id'/> <meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/> <meta content='article' property='og:type'/>
y cambiar el texto de color a lo siguiente,
Cambia MY-SITE-NAME con el que desea que aparezca cuando un usuario le gusta una página. (Gil le gusta ayudar en Facebook)
Cambia http://google.com/ ... / blogger_logo.gif con su blog el logotipo, o quitar la etiqueta de todos, si no lo quieres.
Cambia YOUR-APP-ID con su número de ID de la aplicación.
Cambia YOUR-FACEBOOK-PROFILE-ID con su propio facebook ID perfil de usuario.
después de realizar este cambio añadir el código anterior justo antes de
</head>
Ahora terminamos agregando el facebook códigos para la plantilla, por favor, no toque nada y continuar con el siguiente paso.
Paso 5. Agregar la casilla de comentarios a la plantilla de blogger.
por favor, encontrar el código siguiente.<data:post.body/>
y después de ella, por favor, pegue el siguiente código.
<fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/>
Para cambiar el ancho de la caja de comentarios, por favor, cambia 450 para lo que quieras, es en píxeles,
y ahora, por favor haga clic en Guardar plantilla , a continuación, comprobar su blog. Me gustaría que se ve muy bien y funciona perfectamente.
0 comentarios:
Publicar un comentario