Cara Memasang Kotak Komentar Google Plus di Blog

Bagaimana Cara Memasang Kotak Komentar Google Plus di Blogger ? Yaa, Bagi Anda yang belum mengetahui cara membuat atau mengaktifkan Komentar Google+ di Blogger, saya yakin pertanyaan itu yang Anda tanyakan, betul ? hm,,bagi Anda yang sudah mengikuti 1001 Tutorial namun belum berhasil berhasil juga memasang Google Plus Comment maka semoga setelah mengikuti Tutorial sederhana mengenai Cara Memasang Kotak Komentar Google Plus di Blogger ini maka komentar google Plus di Blog Anda nantinya akan muncul.

Sebelum kita lebih jauh membahas mengenai bagaimana Cara Memasang dan mengaktifkan Kotak Komentar Google Plus di Blogger, ada baiknya kalau saya mengobrak abrik terlebih dahulu mengenai Apa sebenarnya yang dimaksud dengan Google Plus Comment itu sendiri.

Google Plus Comment merupakan sistem komentar terbaru yang telah google luncurkan yang bisa dijadikan sebagai Alternatif untuk sistem komentar default pada blogger. Namun bagi Anda yang sudah cinta mati dengan sistem komentar default lama blogger, tidak ada salahnya untuk mencobanya karena dengan mengaktifkan dan memasang google Plus Comment pada blog maka akan menambah Kekuatan SEO pada blog kita nantinya.

Di bawah ini beberapa langkah yang bisa Anda ikuti mengenai Cara mengaktifkan dan Memasang Kotak Komentar Google Plus di Blogger

Langkah Pertama

Siapkan Kopi terlebh dahulu karena tutorialnya kali ini lumayan Panjang. Kalau perlu ke pasar apa dulu belanja Ubi kayu atau Pisang lalu buat Gorengan biar lebih mantab. Bagaimana Kopinya sudah siap ? Kalau sudah siap kita lanjuut...

Langkah ke dua

Untuk menikmati Layanan Komentar Google Plus, Pastikan Terlebih dahulu apakah Profil blog Anda sudah terintegrasi atau terhubung dengan Profil Google Plus Anda, Jika belum, Anda bisa melirik Postingan terdahulu dalam blog ini mengenai Cara Menghubungkan Profil Blogger dengan Profil Google Plus

Langkah ke Tiga

Bagi Anda yang telah memasang Threaded Comment pada komentar Blogger, Anda harus menghapus terlebih dahulu Threaded Comment pada blogger, Jika Anda belum mengetahui cara menghapus Threaded Comment pada blogger, Anda bisa mebgikuti tutorial sebelumnya dalam blog ini mengenai Cara Menghapus Threaded Comment di Blog

Langkah Ke empat

Hubungkan Blog Anda dengan Akun google Plus. Caranya lumayan mudah, yaitu setelah Anda login ke akun blogger, silahkan memilih Tab Google Plus seperti screenshoot di bawah ini

silahkan Anda berikan Tanda centang atau ceklist pada bagian yang saya lingkari (gunakan google+ komentar di blog ini) pada gambar di bawah ini

Bagi Anda yang masih menggunakan Template default atau bawaan Blogger, maka sampai pada Langkah ke empat ini komentar google Plus sudah muncul pada komentar blogger, silahkan buka salah satu postingan blog Anda dan lihat hasilnya.

Bagi Anda yang menggunakan Template dari pihak ke tiga atau Anda telah memodifikasi template sedemikian rupa yang menyebabkan hilangnya beberapa kode kode tertentu, maka kemungkinan besar Google Plus comment belum muncul pada komentar blogger sehingga kita harus mengobrak abrik lagi template blog, jadi silahkan lanjutkan ke Langkah yang ke 5

Langkah ke Lima

Silahkan Anda menuju ke bagian Edit Template, sebelum mengedit template ada baiknya Anda backup terlebih dahulu template blog Anda (baca: Cara backup template blog). Setelah berada pada bagian Edit Template, silahkan Anda cari kode di bawah ini

<b:includable id='iframe_comments' var='post'>

Klik tanda Panah yang berada di samping kiri kode di atas untuk melihat lode lanjutan kodenya

Setelah itu, Copy Kode Google Plus Comment di bawah ini tepat di bawah kode <b:includable id='iframe_comments' var='post'>

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

Bagaimana, sudah ? Jika sudah, Anda bisa Pratinjau atau Preview terlebih dahulu dan buka salah satu postingan Anda yang sudah ada komentarnya apakah google plus comment sudah muncul, jika belum muncul, minum kopi dulu biar tidak mengantuk lalu lanjut ke langkah yang ke 6

Langkah ke enam

Silahkan Anda cari kode seperti di bawah ini

<b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if>

Kemudian ganti dengan kode di bawah ini

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

Jika sudah, silahkan Anda Preview terlebih dahulu dan buka lagi salah satu postingan Anda yang sudah ada komentarnya. Apakah google plus comment sudah muncul ? jika belum muncul silahkan Anda lanjut ke langkah yang ke 8

Langkah ke 8

Silahkan Anda cari kode seperti di bawah 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>

Kode seperti di atas biasanya ada dua dalam suatu template, jika kode di atas ada 2 maka silahkan Anda memilih yang ke dua kemudian Copy kode di bawah ini dan letakkan tepat di bawah kode </b:sectoin>

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

Jika sudah, silahkan Anda Preview terlebih dahulu dan kembali membuka lagi salah satu postingan Anda yang sudah ada komentarnya. Apakah kali ini google plus comment sudah muncul ? jika belum muncul silahkan Anda lanjut lagi ke langkah yang ke 9

Langkah ke 9

Silahkan Anda cari Kode <data:post.body/>

Jika dalam template blog Anda kode ini ada dua, maka pilih kode yang ke dua kemudian copy kode di bawah ini dan letakkan tepat di bawah kode <data:post.body/>  yang ke dua

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype=' data:post.viewType'/>

Bagaimana, Sudah ? Jika semuanya sudah selesai, Silahkan Anda Preview dan kembali membuka lagi salah satu postingan Anda yang sudah ada komentarnya. Hm,,,Apakah kali ini google plus comment sudah muncul ?

Jika Komentar Google Plus belum muncul juga silahkan Anda tunggu Update Tutorial mengenai Cara Memasang Kotak Komentar Google Plus di Blogger ini, Insya Allah jika sudah ada perkembangan, maka secepatnya saya akan mengupdate dan menambah materi Tutorial mengenai cara memasang, membuat dan mengaktifkan Komentar Google+ di Blogger ini.

Bagi Anda yang ingin berbagi cerita mengenai Masalah Komentar google Plus yang tidak muncul muncul pada komentar blogger, silahkan tuangkan pada kotak komentar di bawah ini, Mari kita sama sama berdiskusi mengenai masalah Google Plus Comment sambil Ngopi bareng...

Happy Blogging dan salam SUKSES !

Silahkan masukkan email Anda di bawah ini Untuk mendapatkan update artikel GRATIS dari HAYARDIN.COM yang akan langsung masuk ke Inbox E-mail Anda

Enter your email address:

Lokasi:

Berbagi :