Cara Menampilkan Comment Google Plus di Blogspot
Belum lama ini Google Plus meluncurkan Google Plus Comment untuk blogger. Rupanya nih ada tanda-tanda klo google perang sama Facebookk.. hehehee...
Meski lama didahului Facebook, Google akhirnya merilis juga sistem komentar Google Plus (Google Plus Comment) untuk blog Blogger/blogspot. Tentunya dari fitur serta tampilannya sangat professional dari komentar bawaan blogger yang dari dulu menemani anda.
Meski google telah meluncurkan Fitur Google Plus Comment untuk blogger, tetapi pada kenyataanya tidak semua template blogger bisa support pada google plus comment. Kalau template bawaan blogger tidak ada masalah, tetapi untuk custom template atau template blogger yang sudah dimodifikasi masih bayak yang tidak support.
Contohnya seperti pada blog ini sejak pertama google plus comment diluncurkan, fitur ini tidak bisa langsung diterapkan ditemplate ini. Tetapi dari Google+ Comments FAQs sendiri sudah mengatakan jika fitur google plus comment tidak support pada custom template, maka template itu harus di tweaking (tweaking itu apa yah..???).
Nah pada Custom template, ada banyak tutorial yang kita temukan disana tentang cara Cara Menampilkan Google Plus Comment di Blog. Tetapi tidak semua juga tutorial yang mereka berikan bisa diterapkan di blog anda. Karena mereka juga membuat tutorial tergantung keberhasilan penerapannya di blog mereka.
Sebelum memasang google plus comment di blog anda, sebaiknya kita lihat dulu apa saja kelebihan dari Google Plus Commetn ini:
PastinyaTampilan yang keren
Google Plus Comment hadir dengan tampilan yang bersih dan rapi, dan bisa dikatakan lebih keren dari sistem komentar bawaan Blogger.
Komentar Sebelumnya tidak akan hilang
Anda tidak perlu khawatir akan kehilangan komentar lama bila beralih ke Google Plus Comment. Komentar-komentar yang sebelumnya diposting menggunakan sistem komentar bawaan Blogger akan diimport langsung ke Google Plus Comment.
Memantau semua komentar tentang artikel blog Anda pada satu tempat
Google Plus Comment mampu mengumpulkan semua komentar yang dialamatkan pada artikel blog Anda di satu tempat. Misalnya bila ada pengguna Google Plus yang membagikan link artikel Anda di Google Plus, kemudian link tersebut dikomentari orang lain, maka semua komentar tersebut akan tampil di Google Plus Comment di blog Anda.
Memberikan pilihan untuk berkomentar secara publik maupun privat
Sebelum membagikan komentar di Google Plus Comment, Anda akan diberi pilihan untuk menentukan siapa saja yang bisa melihat komentar Anda tersebut, persis seperti saat kita menggunakan Google Plus.
Kemudahan dalam melihat/membaca komentar
Pembaca blog Anda akan dimudahkan dengan adanya pilihan untuk mengurutkan komentar berdasarkan rating komentar dan waktu komentar.
Untuk cara memasangnya, diblog ini saya terapkan cara seperti ini:
1. Aktifkan Google Plus comment melalui dashbor G+ di Blog
2. Setelah itu, silahkan anda menuju ketampilan edit HTML dan cari kode berikut ini:
<b:includable id='iframe_comments' var='post'>
Kemudaian letakkan kode berikut ini dibawah kode diatas
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
Sekarang simpan template anda. Dan coba cek apa sudah muncul atau belum..!! Kalau masih belum muncul juga, coba cari kode berikut ini:
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
Dan ganti kote yang berwarna biru diatas dengan kode:
<b:include data='post' name='comment_picker'/>
3. Kalau masih belum muncul, berart Fitur Google Commentnya Masih malu-malu untuk custom template hahhaaaa....
Lanjuuuuttttttt......!!
Coba cari kode ini:
<div id='backlinks-container'>
Untuk tampilan lengkapnya seperti ini:
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
Jika anda menemukan kode <div id='backlinks-container'> ada dua, maka pilih yang terakhir. Kemudian sispkan kode berikut ini dibawah </b:section>
<b:if cond='data:blog.pageType == "static_page"'>
<div id='comments'/>
<script>gapi.comments.render('comments', {
href: window.location,
width: '575',
first_party_property: 'BLOGGER',
view_type: 'FILTERED_POSTMOD'
});</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='comments'/>
<script>gapi.comments.render('comments', {
href: window.location,
width: '575',
first_party_property: 'BLOGGER',
view_type: 'FILTERED_POSTMOD'
});</script>
</b:if>
Jadi hasilnya akan seperti ini:
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:if cond='data:blog.pageType == "static_page"'> <div id='comments'/> <script>gapi.comments.render('comments', { href: window.location, width: '575', first_party_property: 'BLOGGER', view_type: 'FILTERED_POSTMOD' });</script></b:if><b:if cond='data:blog.pageType == "item"'> <div id='comments'/> <script>gapi.comments.render('comments', { href: window.location, width: '575', first_party_property: 'BLOGGER', view_type: 'FILTERED_POSTMOD' });</script></b:if></div>
</div>
Nah itulah Cara Menampilkan Comment Google Plus di Blogspot yang berhasil saya terapkan pada blog ini. Yah lumayan juga berapa hari cari tutorial bahkan sampap bereksperiment sendiri dan hasilnya alhamdulillah Fitur Google Plus commentya bisa muncul.
Jika anda rasa tutorial diatas sangat bermanfaat, jangan lupa bagikan ke sosial media. Dan, jika ada diantara anda ada yang kurang mengerti tutorial diatas, silahkan berkomentar dan secepatnya akan saya tanggapi. Selamat bereksperiment....!