Cara Menggabungkan Komentar Blogger Dengan Komentar Google Plus

Komentar Google Plus adalah salah satu fitur terbaru di blogger. komentar ini cocok untuk pengunjung untuk bisa berdiskusi di blog dan tentu juga di Google plus. Seperti yang sebelumnya saya bahas, mengenai komentar google plus dan mengaktifkan komentar google plus. Dengan menaktifkan komentar Google Plus ini Komentar Blogger yang sebelumnya akan terhapus dan digantikan dengan Komentar Google Plus. Maka Dengan menggabungkan Komentar inilah, komentar blogger lama tidak akan hilang, melainkan bergabung dengan komentar Google Plus.

Hal ini adalah hal yang tepat untuk para blogger yang mengerti kode pemprograman, untuk bisa menggabungkan kedua komentar ini dengan menggunakan Kode - Kode yang dipasang. Penggabungan komentar ini dibuat oleh author MBL.

Menggabungkan Komentar Blogger Dengan Komentar Google Plus berfungsi untuk pengunjung yang ingin menyampaikan komentarnya, Melalui Komentar Blogger, Ataupun Komentar Google plus.

Cara Menggubungkan Komentar Blogger Dengan Komentar Google Plus :

• Silahkan Masuk  Ke Blogger Anda.
• Setelah itu, Klik Menu Template, --> Terlebih dahulu backup template anda, --> Lalu, Klik Tombol Edit HTML.
• Kemudian Cari Kode berikut ini dengan menekan CTRL+F :

<b:includable id='threaded_comments' var='post'>
.
.

.
.
</b:includable>

• Ganti kode diatas, dengan kode berikut ini :

<b:includable id='threaded_comments' var='post'>

  <div id='com-header'>

<h6>Berkomentar Dengan :</h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyuWpzIfX_f1G61pIwXPiSjEIxUsxlqPD_X_hAWrj-cWiS6Fhn1AyxvnKT8vmomYw_o0_ozFFILlgpeOVM4e1oPsxoMIRc6oOBqhclI_tBMri56HZ84pC-wGbIexhwYd387R_Ab-9h82m/s50/blogger_on.png' title='view Blogger comments'/><h6>Atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmz3140pZpsaFEzpn29walyBkX_p563w_dZIfAQ3p6ZRFC_Mmx12goeiFE82q4hcm0BPkf6rJya4z74BAJu68dF1dQHmHHE5ydnb33Sp9t0BIlepFj5wHddpap27261K8wj9QHBAjMtjFt/s50/plus_off.png' title='view Google+ comments'/><h6>Tentukan Pilihan Anda !</h6>

<div id='copyrigtsybb'><a href='http://your-belajarblog.blogspot.com/2013/04/cara-menggabungkan-komentar-blogger.html' id="mblrights">Get This Widget</a></div>

</div>

<div id='comment-zone'>

  <div class='comments' id='comments'>

    <a name='comments'/>

    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>

      <b:if cond='data:post.embedCommentForm'>

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

      </b:if>

      <div id='comment-holder'>

         <data:post.commentHtml/>

      </div>

    </div>

    <p class='comment-footer'>

      <b:if cond='data:post.allowNewComments'>

        <b:include data='post' name='threaded-comment-form'/>

      <b:else/>

        <data:post.noNewCommentsText/>

      </b:if>

    </p>

    <b:if cond='data:showCmtPopup'>

      <div id='comment-popup'>

        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

        </iframe>

      </div>

    </b:if>

    <div id='backlinks-container'>

    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>

       <b:if cond='data:post.showBacklinks'>

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

       </b:if>

    </div>

    </div>

  </div>

  <div id='gcontainer'><div id='gcomments'/></div>

<script src='http://apis.google.com/js/plusone.js'/>

<script src='https://mybloggerlab.googlecode.com/files/mblgbcom.js'/>

<style>

#gcontainer {

display:none;

  }

#com-norm,#com-gplus {

cursor:pointer;

padding:0 5px;

float:left

  }

#com-header {

border: 1px solid #d2d2d2;

padding: 10px;

float: left;

width: 580px;

margin-bottom: 20px;

background: #f5f5f5;

  }

#com-header h6{

font-size: 20px;

text-transform: uppercase;

font-weight: bold;

float: left;

padding-top: 15px;

margin: 0px;

margin-right: 7px;

margin-left: 7px;

  }

#copyrigtsybb {

float: right;

margin-top: 20px;

border-top: 1px solid #d2d2d2;

margin-right: -10px;

padding-right: 10px;

padding-top: 5px;

padding-left: 10px;

border-left: 1px solid #d2d2d2;

padding-bottom: 5px;

margin-bottom: -10px;

font-size:11px;

background: #fff;

  }

#copyrigtsybb a {

text-decoration:none;

color:111!important;

  }

</style>

</div>

</b:includable>

• Cari Lagi kode berikut ini, dengan menekan CTRL+F :

<b:includable id='comment_picker' var='post'>
.
.
.
.
</b:includable>

• Ganti Kode diatas dengan kode berikut ini:

<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='threaded_comments'/>

      </b:if>

    </b:if>

  </b:if>

</b:includable>

• Setelah itu, Klik Tombol Simpan Template.

Selamat Mencoba,

Salam Sukses,

Your-BelajarBLOG