Cara Membuat dan Memasang Google Plus Comments Responsive

Cara Membuat  dan Memasang Google Plus Comments [ Komentar Google Plus ] Responsive and Fast Loading di Blog - dulu saya sempat bingung bagaimana sih supaya komentar plus di blog saya bisa jadi responsive , saya udah utak - atik sampai kepala pusing tetap aja gak bisa , mencari tutorial membuat Google Plus Comments Responsive di Blog di google juga tidak ada , nanya sama mastah noval , beliau jawab " kan komentar google plus secara otomatis udah responsive "  :v .

  Akhirnya setelah Blogwalking ke blog kompi ajaib saya menemukan tips and trik rahasia membuat komentar google plus pada blog anda menjadi responsive  :hore  . Saya senang sekali udah menemukan jawaban dari permasalahan jadul sama , berkat mas Adhy masalahnya jadi terselesaikan .

Modifikasi Google Plus Comments Menjadi Responsive pada Blogger

Sebetulnya komentar google plus dari sononya udah otomatis responsive , namun itu bagi anda yang memasangnya melalui menu comment blog . tapi jika comment google plus gak muncul dan anda membuat tutorial seperti yang pernah di share oleh kang ismet , maka komentarnya tidak bisa responsive , maka dari itu ini dia solusinya :

1. Pertama pastikan sobat sudah memasang komentar google plus [ bagi yang belom pasang dan belom tahu caranya silahkan tanya ke mbah google dulu , lain waktu saya akan share cara membuat komentar google plus ]
2. Jika udah kemudian pergi ke halaman editor template [ edit html ]
3. Cari kode yang sama persis dengan kode dibawah ini

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

4. Kemudian ganti semua kode diatas dengan kode dibawah 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>

5. Sampai di sini udah selesai , namun bagi sobat yang menggunakan  &lt;!--</body>--&gt;&lt;/body&gt; (di paling bawah kode html template blog) maka harus menambahkan kode js Google Plus seperti di bawah ini, jika sudah ada maka lewati langkah ini. Nah supaya komentar google plusnya menjadi fast loading silahkan sobat tambahkan asyncrone pada java script google plus
   Caranya pasang javascript google plus ini diatas kode &lt;!--</body>--&gt;&lt;/body&gt; tadi

   <script type='text/javascript'>
     (function() {
       var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
       po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
       var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
     })();
   </script>

6. Jika udah beres semua silahkan klik save and enjoy  :hebat

Nah gimana sobat sangat mudahkan cara memasang dan membuat komentar google plus menjadi responsive di blog ? yang pastinya mudah dong , kan saya sudah share tutorialnya diatas , namun jika sobat masih kebingungan tuk edit Google Plus Comments Responsive silahkan bertanya saja melalui kotak komen . ok karena ini udah larut malam dan saya udah mengantuk  :ngantuk  cukup disini dulu perjumpaan kita tentang membuat komentar google plus menjadi fast loading and responsive . selamat malam dan selamat mencoba . see you  :dada