Cara Memasang Sistem Komentar Google Plus Di Blogger
Mengikuti jejak Facebook (yang telah terlebih dahulu meluncurkan sistem komentar untuk web secara umum), Google balasannya merilis sistem komentar Google Plus (Google Plus Comment) untuk blog Blogger/blogspot (ke depannya mungkin akan tersedia untuk platform web secara umum). Selain lebih sosial (terintegrasi langsung dengan Google Plus), sistem komentar Google Plus terlihat lebih keren dan langsung dari sistem komentar bawaan Blogger yang telah usang kita kenal sebelumnya.
Sayangnya, tidak semua blog sanggup dipasangi sistem komentar Google Plus dengan mudah, terutama untuk blog yang templatenya sudah dimodifikasi sedemikan rupa. Bagaimana cara mengaktifkan Google Plus Comment di Blogger? Silakan ikuti ulasan berikut.
Apa itu Google Plus Comment?
Seperti yang telah disinggung di atas, Google Plus Comment yakni sistem komentar gres yang diluncurkan Google sebagai alternatif untuk sistem komentar Blogger yang telah ada sebelumnya. Google Plus Comment ini bersifat opsional, jadi Google masih memperlihatkan pilihan pada kita (pengguna blog Blogger) untuk menggunakan Google Plus Comment atau tetap bertahan menggunakan sistem komentar bawaan Blogger.
Fitur-fitur Google Plus Comment
Tampilan yang keren - Google Plus Comment hadir dengan tampilan yang higienis dan rapi, dan bisa dikatakan lebih keren dari sistem komentar bawaan Blogger.
Komentar yang sebelumnya telah diposting tidak akan hilang - Anda tidak perlu khawatir akan kehilangan komentar usang kalau 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 perihal artikel blog Anda pada satu tempat - Google Plus Comment bisa mengumpulkan semua komentar yang dialamatkan pada artikel blog Anda di satu tempat. Misalnya kalau ada pengguna Google Plus yang membagikan link artikel Anda di Google Plus, lalu 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 memilih siapa saja yang bisa melihat komentar Anda tersebut, persis ibarat ketika kita menggunakan Google Plus.
Kemudahan dalam melihat/membaca komentar - Pembaca blog Anda akan dimudahkan dengan adanya pilihan untuk mengurutkan komentar menurut rating komentar dan waktu komentar.
Cara Memasang Google Plus Comment di Blogger
Pertama-tama, Anda harus menghubungkan blog Anda dengan akun Google Plus dengan mengunjungi tab pengaturan Google Plus di Dasboard Blogger. Setelah itu, beri tanda centang pada "Use Google+ Comments on this blog".
Nah, sekarang blog Anda telah terintegrasi dengan sistem komenter Google Plus. Semudah itu. Namun kalau kotak Google Plus Comment tidak muncul, mungkin template blog Anda telah mengalami modifikasi yang mengakibatkan hilangnya beberapa deret isyarat tertentu. Oleh sebab itu, silakan ikuti tutorial berikut.
Masuk ke laman Edit Template. Backup template Anda.
Cari isyarat berikut
<b:includable id='iframe_comments' var='post'> dan klik tanda ‘►’ di sebelah kiri untuk membuka isyarat lanjutannya. (Bila belum ada) Letakkan isyarat Google Plus Comment berikut sempurna di bawah isyarat di atas.
<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>
<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>
Simpan template Anda.
Bila masih belum muncul juga atau isyarat di atas sudah ada pada template Anda, silakan cari isyarat di bawah ini.
<b:include data='post' name='threaded_comments'/>Kurang lebih, nantinya Anda akan menemukan isyarat 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>
<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>
Kemudian ganti isyarat yang ditandai di atas dengan isyarat berikut ini.
<b:include data='post' name='comment_picker'/>Jangan lupa untuk menyimpan kembali template Anda.
Masih belum berhasil juga? Tenang.. tenang, cari isyarat ini
<b:include data='post' name='post'/> Kemudian letakkan isyarat yang saya sanggup dari Google+ Comments FAQs berikut ini sempurna di bawah isyarat tersebut di atas.
<div class='cmt_iframe_holder'
expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>
expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>
Simpan kembali template Anda.
UPDATE 21/04/2013: Pihak Blogger rupanya mengupdate template (menambahkan kode) secara sedikit demi sedikit (tidak bersamaan). Hal tersebut terbukti dengan munculnya kode-kode gres pada template blog ini (dan juga beberapa blog saya yang lain). Untuk template-template yang telah diedit secara ekstrim, cara-cara di atas mungkin belum cukup untuk memunculkan kotak komentar Google Plus. Untuk itu, silakan coba cara lanjutan berikut.
Cara ini sanggup diterapkan pada semua jenis template Blogger/blogspot maupun website secara umum (selengkapnya sanggup dibaca di sini). Makara gunakan hanya kalau cara-cara sebelumnya tidak berhasil mengaktifkan komentar Google+ pada template Anda.
Temukan isyarat berikut di template Anda
<div id='backlinks-container'>Kode lengkapnya kurang lebih ibarat 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>
<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>
Bila Anda menemukan 2 buah isyarat yang serupa, pilih yang kedua (terbawah). Selanjutnya sisipkan isyarat yang berwarna merah di bawah ini, sehingga susunannya menjadi ibarat berikut.
<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>
<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>
Untuk menyesuaikan lebar kotak komentar Google Plus, ganti angka 575 (dalam pixel) pada isyarat di atas. Simpan template Anda.
Selanjutnya, Anda sanggup melihat live demo dari penerapan sistem komentar Google Plus di blog Membebaskan. Selamat mencoba :)
