Entrada destacada

PƁGINA DE BIENVENIDA

PƁGINA DE BIENVENIDA

Insertar la caja de comentarios de Google+ en Blogger

Insertar la caja de comentarios de Google+ en Blogger



Cuando se habilita la caja de comentarios de Google+ en nuestro blog de Blogger suele por lo general no mostrarse en la Pagina Principal se muestra en la pagina de los post para que puedan comentar osea buscala allƬ asĆ­ tengas ya habilitado,si no sale 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.

Si quieres verla montada en vivo ves al bloc de las Demos y buscalo justo arriba del Footer.


Vamos al LĆ­o 

1 Ir a Blogger


2 Un clic en “Plantilla”                  



3 Un clic en “Editar HTML”                    

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



Ahora 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.



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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgdEMou980KKcl5t39F7TrLK91qlzTmFCvCMDYgjNEJ3KYsCwNmhC9Huu-OHaRZ1JppfumBgBC38Y8Jfl6ywFYSA4MVATrK-zBE2COcTeevejmRtMeq1wAmgbvvtA5quT7Ad-147xNmCwM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH8W9gAbPwGlP03XUpqzMQ1KbGEeRzyzvya_s4_abPRZdz45TFjQMtRFYkeOyAQ7vE4clKyO44h-mGOR0nEDcQ-9d2zNqw8a5GAcoyCN-rRL8uSIfwRvNqOXuzpI6DhyVxOyZFr4JJnM2C/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1mnLAD9sdqbxAFPEPDgnj1FlHlaQdfMTeJEAu4n2lE4G14N4Mflx0V0aAix822o4xm9JRxbOIqOr0J8dZQRdbWGypkD5sgDP7ahEaS13Q44dRlmyE4Y2jFeyWy4QRsiG3xVYeDkDdNCHK/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+



Fuente: Ayudadeblogger






CONVERSATION

0 comentarios:

Publicar un comentario

AddToAny

Printfriendly

Back
to top