Tips Membuat Komentar Blog dan Komentar Google+

Pernahkah anda melihat blog yang komentarnya dengan akunt google Plus (G+) ? Seperti dibawah ini contoh dari gambarnya :

Berikut tutorial cara dalam membuatnya, cekidoT !

• 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/AVvXsEi_0mxotCVp2cFOFwo_haXIX9gz3XZqytbo5UtJ-tqQU493zVPSPZMSDRZAbe3nwbdnbiOe34lt4lX5nlGH73cSSW7pjyR6J_oPBxl2LoPndvSrSIhweVqlKhOpkAgzsRUTVapGTrudFE9p/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj9G4T618Glb-xwlbBntbdYbazuqge7Wiaq-EpBG6vdLmU8SnXhiCh5thRmtgvfo_3js0gyXjXm7dXZ_Iddo0_aRbTrtxj8Pu6HLeTwTDnyVqm4EvmjBKByaGIUQ9tAi_pAQkzbPn0wXJ9/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+

source by : here

Thnks Bro...