24 April 2013

Memunculkan Komentar G+ Pada Blog

Para blogger sepertinya saling berlomba-lomba untuk menampil sesuatu yang unik dan terbaru pada blog mereka, mungkin agak terlambat juga ketika saya mengetahui adanya fasilitas baru dari pihak google dengan mencantumkan komentar G+ pada blog.
Nyatanya kendala yang saya temui komentarg+ ini tidak muncul pada template custom. Awalnya saya kira templatenya bermasalah.. ternyata memang tidak semua template compatibel dengan g+ ( ya maklum barang baru ehehe).
Tidak panjang lebar lagi saya berbagi solusi setelah semalaman mencari cara untuk menampilkan komentar g+ pada template custom.

Berikut cara agar komentar g+ anda aktif pada komentar blog :

  1. Pastikan sobat  mengaktifkan fasilitas g+ pada blog.
  2. Apabila sobat mempunyai grup atau page pada g+ dapat dipilih profil mana yang akan dipakai sebagai komentar pada blog.
  3. Jangan lupa aktifkan ( centang pada "Gunakan google+ komentar pada blog ini" atau "Use Google+ Comments on this blog")
Contoh seperti gambar dibawah ini.
Nah apabila sobat yang menggunakan custom template dan komentar tidak juga muncul berukut langkahnya :
  1. Masuk ke  menu template dan klik "edit html" (jangan lupa di backup dulu tamplate sobat, untuk jaga-jaga kalau mata lagi 5 watt sering salah xixixix seperti yang saya alami).
  2. Kemudian cari code seperti ini  <b:if cond='data:blog.pageType == &quot;item&quot;'> ( Kalau sobat ga mau pusing melihat begitu banyak code tinggal tekan Ctrl+F truc copy code tersebut, biasanya ada di pojok kanan atas.
  3. Nah nanti akan ketemu code seperti ini <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='comments'/>
    </b:if>
  4. Lalu ganti code <b:include data='post' name='comments'/> dengan <div class='cmt_iframe_holder'
    expr:data-href='data:post.canonicalUrl'
    expr:data-viewtype='data:post.viewType'/>
  5. Nah nanti akan jadi seperti ini <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='cmt_iframe_holder'
    expr:data-href='data:post.canonicalUrl'
    expr:data-viewtype='data:post.viewType'/>

    </b:if>
  6. Simpan dan lihat hasilnya pada blog sobat :) Semoga membantu
Ohh iya tidak lupa saya ucapkan terima kasih kepada "wphoet" di forum bersosial.com yang sudah berkenan berbagi tutorial ini.


EmoticonEmoticon