add

Como insertar correctamente la caja de comentarios de Google+ en Blogger


¿Necesito ayuda, he habilitado la caja de comentarios de Google+ en mi blog de Blogger pero no se muestra? ¿Cómo arreglar la caja de comentarios de Google+ para que se muestre en mi blog de Blogger? ¿No se muestra la caja de comentarios de Google+ en mi blog ¡Porque!? ¿Cómo arreglar la caja de comentarios de Google+ y así se pueda mostrar en mi blog? Muchas de estas preguntas son muy comunes en los usuarios que utilizan la plataforma de Blogger. Cuando se habilita la caja de comentarios de Google+ en nuestro blog de Blogger suele por lo general no mostrarse así tengas ya habilitado, puede ser por el diseño de su plantilla o por algún error en común, para aquellos que habilitaron la caja de comentarios de Google+ y aun así no se les muestra en su blog de Blogger, este grandioso tutorial les ayudara a que se muestre su caja de comentarios de Google+ en su blog de Blogger de una forma fácil y ligera.

Lo que vamos hacer es ingresar dos códigos dentro de la plantilla, son unos estilos que le mostrara dos opciones, al hacer clic en el icono de Google+ se le mostrara la caja de comentarios de Google+ y al hacer clic en el icono de Blogger se habilitara la caja de comentarios de su blog de Blogger, vamos a seguir unas simples instrucciones para que este truco de Blogger funcione correctamente.

Como insertar correctamente la caja de comentarios de Google+ en Blogger

Mire su demostración en la siguiente página, justo al final en la caja de comentarios

DEMO

¡Viste como funciona verdad!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Plantilla

Como insertar correctamente la caja de comentarios de Google+ en Blogger

3 Un clic en “Editar HTML

Como insertar correctamente la caja de comentarios de Google+ en Blogger

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

Como insertar correctamente la caja de comentarios de Google+ en Blogger

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

Como insertar correctamente la caja de comentarios de Google+ en Blogger

4 Busca este código

<b:include data='post' name='post'/>

5 Ingrese las siguientes líneas de código justo debajo del código que encontraste

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://3.bp.blogspot.com/-NTg1KRSURs8/VeXTvGcFQ0I/AAAAAAAAQ5k/ch3Hfy5bVRE/s1600/ayudadeblogger-titulo.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Déjanos tus comentarios en: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='http://2.bp.blogspot.com/-S2QZi3g5vZw/VeXTuxfdQYI/AAAAAAAAQ5g/p9wEBhJQJQ8/s1600/ayudadeblogger-google-mas.png' width='35'/></a> o <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='http://3.bp.blogspot.com/-S8h8tm8NOvA/VeXTusPHi0I/AAAAAAAAQ5c/OLAkfMq-n9g/s1600/ayudadeblogger-blogger.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>     
</b:if>


6 Busca este código

</head>

7 Ingrese el siguiente script justo arriba del código que encontraste

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

Nota: si en tu blog ya utilizas un script similar al anterior ya no es necesario insertar este código y te puedes saltar este paso

8 Un clic en “Guardar plantilla

9 Ahora diríjase a su blog de Blogger y mire cómo funciona esta espectacular caja de comentarios de Google+

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber

0 comentarios:

Publicar un comentario en la entrada

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios