Cara Menampilkan Komentar Pada Google Plus Di Blog

Cara Menampilkan Komentar Pada Google Plus Di Blog - Sebagian para blogger pastinya belum tahu bagaimana cara menampilkan komentar pada google plus pada blog , Jika kalian yang belum mengetahui caranya tenang saja pada artikel kali ini akan kami berikan panduan lengkapnya.

Membuat blog kita supaya terlihat cantik dan elegan itu adalah impian dari para blogger supaya para pengunjung blog betah dan selalu mengunjungi blog kita, Sebelumnya saya juga belum tahu bagaimana cara menampilkan komentar google plus di blog. ternyata untuk menampilkanya sangat mudah sekali lho, Jadi langsung saja ke cara pembuatanya :

Cara Mudah Menampilkan Komentar Google Plus Di Blog 

Baik untuk tahap pertama yang harus anda lakukan adalah

  • Login ke blogspot  anda 
  • Lalu jika sudah di dashboard blog anda , silahkan klik Template => edit html (lihat pada gambar )



  • Selanjutnya anda bisa cari kode <b:include data=’post’ name=’post’/>  tekan tombol Ctlr + F ( Lihat pada gambar ) 


  • Jika sudah menemukan kode diatas anda bisa copy kode dibawah ini dan ditaruh dibawah kode diatas 



<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://2.bp.blogspot.com/--CsmnKc1FSA/VI8FyLYdw7I/AAAAAAAAAwE/erSHV85Pg_Q/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
  <div class='comments-icons'>
  Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/s1600/blogger-logo.png' width='35'/></a>
  </div>
  <div id='gplus-comments-visibility'>
  <div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
  </div>       
  </b:if>

Note : Disini anda juga bisa mengubah ukuranya , pada tepat di data width 500 . disitu anda bisa sesuaikan dengan ukuran blog anda.

Jika sudah disimpan anda bisa klik save template


  • Selanjutnya anda bisa mencari kode </head > untuk menampilkan komentarnya, Seperti informasi diatas untuk cara cepat mencari kode ketikan Ctrl + F 
  • Lalu anda bisa copy kode dibawah ini dan memasangnya 


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

Jika kalian ini melihat hasilnya bisa akses blog anda pada artikelnya , dan hasilnya komentar google plus anda sudah terpasang.

Jadi cukup mudah bukan panduanya semoga artikel ini bermanfaat untuk anda semuanya, terimakasih yang sudah mau mampir diblog saya :)
loading...
Share on Google Plus

Nama bayu

Perkenalkan nama saya bayu asli dari kota jogja , profesi saya sebagai customer service di perusahaan IT
    Blogger Comment
    Facebook Comment