Lompat ke konten Lompat ke sidebar Lompat ke footer

2 Cara Jitu Mengatasi Google+ Badge tidak Muncul di Blogspot

Cara Mengatasi/Menampilkan Google+Badge, Plus Followers dan G+ One (+1) Error tidak Muncul di Blogspot

Topik kita kali ini adalah tentang bagaimana cara menampilkan Google+ yang error tidak muncul di blogspot.

Widget Google Plus yang dimaksud seperti Google Plus Followers, profile Google Plus, dan tombol rekomendasi Google Plus One (+1).

Pertama kali saya alami ketika pasang Google+ Badge di Sidebar. Saya pikir kenapa dan penyebab Google+ tidak mau tampil, karena widget terlalu luas melampaui ukuran 300px sebagaimana mestinya ukuran Sidebar.

Setelah saya perkecil hingga 275px, dan Google+ tidak mau muncul juga.

2 Cara Jitu Mengatasi Google+ Badge tidak Muncul di Blogspot

Saya tidak yakin apakah ini kesalahan template blogger, atau seperti apa. So, langsung saja.

2 Cara Jitu Mengatasi Google+ Badge tidak Muncul di Blogspot


1. Menampilkan Google+ Badge tidak Tampil di Blogspot


  • Masuk ke halaman ini: https://developers.google.com/+/web/badge/
  • Masukkan Link/URL sobat pada Google+ User
  • Silakan modifikasi sesuai keingin sobat > Copy Script yang ditampilkan > Simpan di Notepad
  • Masuk ke Blogger > Layout Blogger > Tambahkan Gadget (HTML/JavaScript)
  • Masukkan (Paste) Script yang didapatkan tadi, SIMPAN!

2. Mengatasi Google Plus Followers dan Google Plus One (+1) yang Error


Baik itu Google+ Followers maupun Google +1 terkadang bisa tidak mau muncul di halaman blogspot. Cara ini tergolong ampuh dan jitu, dan cocok untuk Google+ Badge.

  • Masuk ke Blogger > Layout Blog
  • Ketuk Tambahkan Gadget > Gadget Pengikut Google+
  • Simpan, LIHAT HASILNYA

Apabila pada tahap ini ternyata Google+ Followers atau Google Plus One (+1) tetap tidak mau muncul, ikuti beberapa instruksi di bawah ini:

1. Masih di Blogger > Theme > Edit HTML
2. Cari kode yang menampilkan Google Plus Followers. Kode lengkapnya seperti di bawah ini:

    <b:widget id='PlusFollowers1' locked='false' title='Google+' type='PlusFollowers' version='1'>
      <b:widget-settings>
        <b:widget-setting name='width'>0</b:widget-setting>
        <b:widget-setting name='theme'>DARK</b:widget-setting>
        <b:widget-setting name='dimensions'>AUTO</b:widget-setting>
        <b:widget-setting name='height'>0</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <b:if cond='data:profileUrl != &quot;&quot;'>
      <div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
        window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
</script>

    </b:if>
  </div>
</b:includable>
    </b:widget>

3. Hapus kode Script di atas TEPAT di bagian ini:

<script type='text/javascript'>
        window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
</script>

4. Ganti dengan dengan kode di bawah ini:

<script type='text/javascript'>
      (function() {
        window.___gcfg = {&#39;lang&#39;: &#39;en&#39;};
        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>

5. Klik tombol Simpan Template.

Oh iya, cara di atas tergolong ampuh dan jitu. Jika masih error silakan ganti template blogger tersebut dengan yang lain.

Perlu ditekankan, tidak diketahui apa penyebab kenapa sebuah template blogger tidak mendukung Google+, Google +1 atau pun Google Plus Followers.*

Posting Komentar untuk "2 Cara Jitu Mengatasi Google+ Badge tidak Muncul di Blogspot"