GO Blog

Ada sebuah metode toggle yang dapat Anda pakai untuk mengaktifkan Komentar baru Google+, tetapi tanpa kehilangan sistem lama Anda yaitu komentar Blogger. Pengguna dapat terus berkomentar dengan komentar blogger seperti sebelumnya, dan jika pengunjung ingin berkomentar melalui Google Plus pengguna dapat menekan "G+" tombol toggle, Simak cara membuatnya pada langkah di bawah ini.

Apa Kekurangan dari Komentar Google+?

Pertama dan terpenting untuk menggunakan fitur ini, adalah anda harus memiliki account di Google+ kalau tidak, anda tidak akan bisa membalas komentar. tetapi, tidak semua pengunjung mempunyai akun google+, bila anda hanya menerapkan komentar Google+ saja bagaimana pengunjung yang tidak memiliki akun google+ akan berkomentar jadi ini mungkin akan mengganggu pengunjung Anda.

Kedua, sistem komentar tergantung pada URL, tidak ada API data komentar Anda. Tidak seperti Facebook Aplikasi ID. jadi ketika Anda mengubah URL artikel Anda , maka anda akan kehilangan semua komentar Anda sebelumnya.

Tidak mengirim pemberitahuan ke Alamat Email Anda setiap kali seseorang baik meninggalkan balasan ke blog atau posting komentar baru. Di sisi lain, semua komentar yang diterbitkan langsung tanpa review apapun sehingga dapat menjadi tempat yang ideal untuk Spammer.

Solusi:

Langkah # 1: Hal pertama yang perlu Anda lakukan adalah untuk membackup template Anda. Setelah log in, dari dashboard pergi ke Template >> Edit HTML. Sekarang cari kode berikut. (Quick Tip: Klik di manapun pada editor HTML dan Tekan CTRL + F untuk mengaktifkan kotak pencarian).

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

Langkah # 2: Setelah menemukan kode di atas, ganti seluruh kode dengan kode berikut. (Ingat: Pastikan bahwa tag ditutup dengan benar jika tidak, anda akan menghadapi kesalahan).

    <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/AVvXsEjJnCShNZPlrqxG6BTLXtYZUk5jrfmynlUXO5f3TANOMjNnqfWd7xpP9S9250cQ7dvexm6ZCoM-p-OMl91D9N8hqMOSNU1Mtu_GVuAHcJGQWJPklEZRo9ExO5fXw7jjHuQ4NZipsvaOaV59/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK7g9NiIQOyN32VS8vEcr9wWsdOB0qKkz8ZwuguYr1pq43KmSxyKliAbGlQBb-OXMMWpu0TSr19dAIrM3bf22OZsEqrqk65XZMu0ADPDQrfqG4OnyvFIMNXacafLusRJjlxy67scOTgPu/s50/plus_off.png' title='view Google+ comments'/><h6>The Choice is Yours!</h6> 
    <div id='copyrigtsmbl'><a href='http://defandaky.blogspot.com/2013/07/cara-menggunakan-toggle-komentar.html' id="mblrights">Dapatkan Widget Ini</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='http://template-defandaky.googlecode.com/files/google-koment-defandaky.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>

Langkah # 3: Sekarang sekali lagi cari dengan kotak pencarian kode berikut.

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

Langkah # 4: Setelah menemukan kode seperti yang ditentukan di atas, ganti dengan kode berikut. (Ingat: Cobalah untuk menutup tag dengan benar, sehingga template tidak mendapati kesalahan).

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

Langkah # 5: Setelah menerapkan instruksi yang disebutkan di atas tekan tombol "Simpan Perubahan".

Selamat: Anda telah berhasil menambahkan sistem komentar Google+ ke blogger tanpa menghapus sistem komentar blogger sebelumnya.

kesimpulan:

Dengan Mengaktifkan kedua sistem komentar, Anda memberi pengunjung anda kebebasan untuk memilih platform yang paling disukai mereka untuk berkomentar. Itu membawa banyak manfaat bagi Anda dan pembaca Anda.

Semoga berguna, jika ada pertanyaan tulis di komentar sob....