Agar Komentar Google Plus Responsive Pada Posting di Blog

DI BANYAK CARA - Artikel kali ini kelanjutan dari "Mengatasi Kotak Komentar Google Plus Yang Tidak Muncul" , dikarenakan kotak komentar google plus sering tidak muncul, maka saya sedikit memodifikasi dan hasilnya pun komentar google plus akhirnya dapat muncul kembali. Tapi ada permasalahn baru yaitu kotak komentar google plus tersebut terpotong atau tidak responsive dan terasa berat saat loading. Seperti gambar di atas kali ini saya akan membahas Agar Komentar Google Plus Responsive Pada Posting di Blog.

Agar Komentar Google Plus Responsive Pada Posting di Blog

Kotak komentar google plus sebenarnya memang sudah responsive dari sananya, akan tetapi dikarenakan banyak hal dan saya sendiri sedikit memodifikasi dikarenakan sering tidak muncul maka saya pun mencari cara agar kotak komen tersebut kembali muncul. Setelah muncul ternyata kotak komentar tersebut tidak responsive, berikut cara agar kotak komentar goggle plus menjadi responsive kembali.

1. Menuju halaman template kemudian edit HTML
2. Cari kode seperti di bawah ini, untuk memudahkan gunakan kombinasi Ctrl+F.

<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='620' expr:data-href='data:blog.canonicalUrl'></div>

3. Ganti semua kode seperti di atas dengan kode di bawah ini.

<div id='g_comments' style='width: 100%'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='620' expr:data-href='data:blog.canonicalUrl'>
</div>
<script type='text/javascript'>
    document.getElementsByClassName('g-comments')[0].setAttribute('data-width', document.getElementById('g_comments').clientWidth);
    </script>
</div>

4. Kemudia pratinjau kembali template, jika tidak terdapat error silahkan di save.

Demikian cara di atas saya gunakan agar kotak komentar google plus menjadi responsive dan juga lebih fast loading.