Menggabungkan Komentar Blog dan Komentar Google+

Posted By Unknown , Rabu, Mei 22, 2013 6 Comments so far

• Cara Mengubah Gaya Warna Komentar Penulis Dalam Blog
• Cara Menggabungkan 3 Kotak Komentar Blogger, Facebook, dan Twitter 
• Cara Menggabungkan Komentar Facebook dan Komentar Blog

• Masuk Acount Blogger.com -- Pilihan Template -- Klik Edit HTML
• Kemudian Cari Code Sepert Brikut ini :

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

• Jika telah Ketemu, ganti Kode diatas dengan yang dibawah ini :

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

  <div id='com-header'>

<h6>Comment With:</h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeCDoTv7PpAhoDPDr9O06YVOLDSwTJIORpe_O2QuGa7n6UxBmVZCkx2NaxLGioPv87-G52pJse7zKGuRMQub-OzXbk2ZITwalMFix1CTuhjxqER563m9jVqP_Gl2CmA-7FAjXdVJJ_1tHZ/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOu4B4t5HUPx1UtBzBC-zQwQoA8u8V5jR0blOV11LtGTAID_zxADmqs71e0MiP-k80ZfmS5Ai2jVq5UZnFyojzg2PGYU5bZMbkS3-RZWLNJbGRqIkJB25VI_S2sEIZ4eDWf0X2MrcEo6Y8/s50/plus_off.png' title='view Google+ comments'/><h6>The Choice is Yours!</h6>

<div id='copyrigtsmbl'><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;

  }

#copyrigtsmbl {

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;

  }

#copyrigtsmbl a {

text-decoration:none;

color:111!important;

  }

</style>

</div>

</b:includable>

• Setelah itu Cari Kode Seperti berikut ini :

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

•  Kemudian ganti kode yang diatas dengan yang dibawah 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>

• Simpan Template dan Lihat hasilnya, Note :

•  Hilangkan Checklist yang ada di Pilihan Google+