Memasang Google+ Comment di Blogger Template

Setelah menluncurkan editor HTML yang baru dengan tambahan fungsi yang menurutku sangat membantu, Google juga meluncurkan tambahan fitur baru pada blogger sendiri yaitu Komentar Google+ untuk blogger.

Berbeda dengan thread comment bawaan dari blogger, fitur komentar baru ini menggunakan iframe untuk menampilkannya. Hal ini seperti pada komentar facebook ataupun discus yang juga menggunakan iframe.

Jika anda menggunakan template yang saya buat dan ingin menambahkan bahkan fitur ini anda bisa mengikuti cara berikut ini:

Menambahkan iframe_comments dan Comment Picker

Kedua kode berikut ini adalah kode untuk mengatur komentar yang ada diblogger. Jika saya perhatikan kode ini muncul ketika google meluncurkan komentar google+ untuk blogger.

Jika pada blog anda kode berikut ini belum ada silahkan copy dan letakkan di blog anda seperti cara berikut:

1. Pada Dashboard klik Template lalu klik Edit HTML
2. Pada tombol Jump to widget pilih Blog1
3. Kemudian Klik tanda ► lalu copy kode berikut sebelum/diatas </b:widget>
   

   
   
   line-1-11line-1-22line-1-33line-1-44line-1-55line-1-66line-1-77line-1-88line-1-99line-1-1010<b:includable id='iframe_comments' var='post'>
     <b:if cond='data:post.allowIframeComments'>
       <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
       <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
   
       <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
         <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
       </b:if>
     </b:if>
   </b:includable>

   
   
   

   line-2-11line-2-22line-2-33line-2-44line-2-55line-2-66line-2-77line-2-88line-2-99line-2-1010line-2-1111line-2-1212line-2-1313line-2-1414line-2-1515line-2-1616line-2-1717line-2-1818line-2-1919line-2-2020<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'>
           <b:include data='post' name='threaded_comments'/>
         <b:else/>
           <b:include data='post' name='comments'/>
         </b:if>
       </b:if>
     </b:if>
   </b:includable>

4. Kemudian Klik Save Template

Mengatur Pemanggilan (Comment Picker)

Pada tahap ini yaitu mengatur dimana saja komentar akan dimunculkan. Caranya seperti berikut ini:

1. Masih pada Edit HTML, Cari kode berikut: <b:includable id='main' var='top'>
2. Klik tanda ► lalu ganti kode berikut:
   
   

   line-3-11line-3-22line-3-33line-3-44line-3-55line-3-66line-3-77line-3-88line-3-99line-3-1010line-3-1111line-3-1212line-3-1313line-3-1414<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
     <b:if cond='data:post.showThreadedComments'>
       <b:include data='post' name='threaded_comments'/>
     <b:else/>
       <b:include data='post' name='comments'/>
     </b:if>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <b:if cond='data:post.showThreadedComments'>
       <b:include data='post' name='threaded_comments'/>
     <b:else/>
       <b:include data='post' name='comments'/>
     </b:if>
   </b:if>

   dengan kode:
   
   

   line-4-11line-4-22line-4-33line-4-44line-4-55line-4-66<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
     <b:include data='post' name='comment_picker'/>  
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <b:include data='post' name='comment_picker'/>
   </b:if>

3. Kemudian Klik Save Template