cara memasang widget komentar Google+ berdampingan dengan komentar blog

 cara memasang kolom komentar google+ dan blogger berdampingan. banyak di kalangan blogger mengatakan bahwa dengan hanya memasang widget google+ akan mempengaruhi visitor atau pengunjung untuk memberikan komentar mereka. mengapa demikian  hal ini berkaitan dengan, bahwa hanya pengguna google+ saja yang bisa berkomentar, dan komentar dari email, anonim, atau link blog akan sulit berkomentar.



kemudahan pengunaan widget komentar google+ pada dasarnya memudahkan kita dalam merespon cepat komentar yang masuk, dengan memasang google+ author terlihat lebih komunikatif dan terkesan baik :D. dan yang utama, penggunaan komentar google+ di blog mempunyai keuntungan sendiri.

satu satunya alternatif, atau cara lain untuk memecahkan masalah ini, dengan menggabungkan  dua fitur atau widget komentar google+ dengan kolom komentar bawahan #blogger secara berdampingan. sehingga memudahkan user google+ dengan anonim bisa berkomentar secara bersamaan.
 
untuk memasang komentar Google+ berdampingan dengan kolom komentar blog., ikuti langkah-langkah berikut :

1. silahkan login di blog anda, dan cobalah untuk menonaktifkan google+ untuk berkomentar. jangan centang 
2. silahkan sobat menuju pengaturan template dan klik edit.
3. cari kode di bawah ini :

<b:include data='post' name='post'/>

 - gunakan ctrl+f untuk memudahkan pencarian
4. jika sudah ketemu, silahkan sobat copy code di bawah ini,

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


-letakkan kode tersebut tepat di bawah kode  <b:include data='post' name='post'/> 

 sebagai catatan :
 - untuk yang berwana merah, ' data-width='550' . pengaturan untuk ukuran lebar kolom komentar google+. silahkan edit sesuai selera.

5. save template dan lihat perubahannya, 
 - untuk menggunakan fitur ini. anda harus memastikan blog anda menggunakan versi JQuery, jika tidak, copy code di bawah ini tepat diatas </head>  (edit template)


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

Save kembali template anda, dan lihat perubahannya.

6. selesai.
 
dengan ada nya fitur ini, memudahkan pembaca untuk memilih berkomentar dengan menggunakan akun google+ atau berkomentar dengan asli di blog, Pengunjung akan menikmati kemudahan berkomentar di Blog anda.

semoga bermanfaat 

 
 
Previous
Next Post »

silahkan berkomentar :
* Gunakan bahasa yang baik dan benar
* dilarang keras menyinggung Suku Agama, Ras dan Antar golongan
* Tidak untuk spam, link aktif, dan iklan produk
* berkomentar relevan dengan artikel yang di bahas
* komentar di moderasi penuh oleh admin
EmoticonEmoticon