Agregar comentarios de Google Plus conservando los clásicos

Los comentarios de Google Plus fueron lanzados hace ya un tiempo, pues bien, muchos no lo han usado debido a que no quiere renunciar a los comentarios clásicos de Blogger, pero este problema ha llegado a su fin ya que con el truco que les compartiré hoy podrán tener ambos sistemas a la vez.

El truco ha sido traído desde la blogosfera inglesa a nuestra blogosfera hispana por Oloblogger, y allí se nos plantea dos soluciones a este problema:

La primera opción es ver los comentarios en una ventana emergente.

Para ello ve a Plantilla, Editar HTML, lo que esta en color azul es lo que va a servir como referencia cuando busques dicho código en el editor HMTL, lo que esta en gris es lo que se debe insertar y las xxxx son las que debes reemplazar por la id de tu blog.

<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<!-- ENLACE A COMENTARIOS GPLUS -->
<a class='gplus-comment-link' expr:href='&quot;https://plusone.google.com/_/widget/render/comments?bsv&amp;href=&quot; + data:post.url + &quot;&amp;first_party_property=BLOGGER&amp;legacy_comment_moderation_url=https://www.blogger.com/moderate-legacy-comment.g?blogID=xxxxxxxxxxxxxxxxxxx&amp;view_type=FILTERED_POSTMOD&quot;' onClick='window.open(this.href, this.target, &quot;width=670,height=400,scrollbars=yes&quot;); return false;' target='_blank' title='Comentar en Google+'>Interacciones en Google+</a>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<!-- ENLACE A COMENTARIOS GPLUS -->
<a class='gplus-comment-link' expr:href='&quot;https://plusone.google.com/_/widget/render/comments?bsv&amp;href=&quot; + data:post.url + &quot;&amp;first_party_property=BLOGGER&amp;legacy_comment_moderation_url=https://www.blogger.com/moderate-legacy-comment.g?blogID=xxxxxxxxxxxxxxxxxxx&amp;view_type=FILTERED_POSTMOD&quot;' onClick='window.open(this.href, this.target, &quot;width=670,height=400,scrollbars=yes&quot;); return false;' target='_blank' title='Comentar en Google+'>Interacciones en Google+</a>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>

Para modificar el aspecto del enlace que se ve se ha incluido el selector .gplus-comment-link, al cual es el que se le añadirá el CSS.

El segundo método es el que mas me gusta a mi y es Integrar los comentarios Google+ y los clásicos.

Para ello busca la etiqueta <b:include data=’post’ name=’post’/> y debajo de ella agrega lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gpluscomments {display:none;} a.comentarios {margin: 10px auto; display:block;border:1px solid #58ACFA; background:#FFFFFF; text-align: center;font-size: 120%;}</style>
<a class='comentarios' href='javascript:void();' onclick='$(&quot;#gpluscomments&quot;).slideToggle();'>COMENTA CON TU CUENTA DE GOOGLE PLUS</a>
<div id='gpluscomments'>
 <div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='595' expr:data-href='data:post.url'/>
</div>
<a class='comentarios' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();'>COMENTA CON TU CUENTA DE BLOGGER</a></b:if>

Al anterior código le he agregado una condicional para que la caja de comentarios se vea solamente en las entradas del blog, si dejas el código tal cual como esta los enlaces se verán como aparecen en la imagen de la entrada.

Por ultimo, solo queda decir que si le añades a tu blog los dos sistemas de comentarios la interacción con tus lectores aumentara considerablemente.

Si ya usas este sistema de comentarios cuéntanos como te ha ido con el.

Y hablando de clásicos, juega unos juegos de bob esponja clásicos en juegosdebobesponjaysusamigos.net