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...

Advertisment

** Share nya Jangan Lupa Ya.. Salam,salam **

Judul Artikel: Tips Membuat Komentar Blog dan Komentar Google+

Unknown

Saya hanya blogger biasa yang suka kutak-katik blogger, senang belajar dan berbagi pengetahuan dan pengalaman dengan yang lain. Blog ini hasil dari source mas Septi Rosidi, semoga dapat bermanfaat untuk semua. Silahkan masukan email Anda pada kotak di bawah ini untuk mendapatkan update artikel dari semujursite.

• Rss
• Twitter
• FaceBook
• Follow This Blog