Hace poco
Google+ integró sus comentarios en
Blogger, pero no a muchos les agrada la idea que
para comentar nos obliguen a registrarnos en
Google plus, por ello, con este sistema que propongo mantenemos los comentarios de
Blogger tal como los tenemos, pero
añadiremos los de
Google+ abriéndolos en la misma página de la entrada. Además, no es necesario
conectar el blog con Google+.
COMO HACERLO
Paso # 1: Copia de seguridad de la plantilla!
Paso # 2: Plantilla >> Editar HTML (* Pulse Dentro Editor * Presione CTRL + F para activar el cuadro de búsqueda)
buscar el siguiente código:
<b:include data='post' name='post'/>
Paso # 3:y debajo de ello agrega el siguiente código:
<b:if cond='data:blog.pageType == "item"'>
<style>#comments, #gpluscomments {display:none;}#googl{margin-left:20px;display:block;}#blogg{margin-left:250px;margin-top:-65px;} </style>
<div id='googl'>
<a class='comentarios' href='javascript:void();' onclick='$("#gpluscomments").slideToggle();'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1DTPE3HZzUFPu28HvgiT-agWpL4xTUFro8FBk8YhQfJNbZDeRV7mB7kfhKnUcmIn_w98irPq5oRH9VyWopKU6hYnIMqFL9L6ApJ9ZVgPvyXF6l9O2lpOVQ7_h5jKWp70lRyUgPZ4aBBc/s1600/commeng.png'/>
</a>
<div id='blogg'>
<a class='comentarios' href='javascript:void();' onclick='$("#comments").slideToggle();'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1sxl50GlOzwVP84Y07Xbq-PyGPpTYYyE9z7GiXv0pNLzCl8wZvG0fjTCVc6R3gx2YqfbQDn021lfLEWBYrM8Swje3lDqyluwVJmpUACW5fC2JoX9qgDXyrjM2kR-zU7d_alRfWnHf4y4/s1600/commenblog.png'/></a></div><div id='gpluscomments'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='600' expr:data-href='data:post.url'/>
</div>
</div></b:if>
Paso # 4:Ahora presione el botón
"GUARDAR PLANTILLA" y ya está todo hecho. Enhorabuena
Si esto no funciona ...
Puede que no tenga las bibliotecas jQuery instalados en su plantilla. Para agregarlos Copia / pega el siguiente código y agregarlo a la plantilla justo antes de </ head>:
<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
Configurar ancho de la caja de google+:
En el código podéis observar
en rojo el ancho de la caja de comentarios de Google+ (por defecto va a
600px), si no se adapta a vuestras necesidades, con aumentar o disminuir lo solucionáis.
Publicaciones Relacionadas
trucos blog