cara mengatasi widget google plus yang tidak muncul di blog atau error

cara mengatasi widget google plus yang tidak muncul di blog
widget google plus berguna untuk memberitahu pengunjung blog tentang pemilik blog tersebut atau admin blog tersebut. Google Plus merupakan salah satu media sosial terpopuler di dunia seperti halnya twitter dan facebook. Setelah anda membuat artikel tidak ada salahnya anda mensharenya atau membaginya di media sosial google Plus.
cara mengatasi widget google plus yang tidak muncul di blog atau error

Apabila widget google plus tidak muncul di blog anda itu berarti ada script css untuk menampilkan google plus di blog anda tidak terdapat pada template yang anda gunakan atau css yang memblokir google plus sehingga tidak tampil di blog anda. Jadi solusinya?

cara mengatasi widget google plus yang tidak muncul di blog :
  • Login ke akun blogger anda
  • Pilih Tata Letak kemudian klik tambahkan Gadgat bila anda belum menambahkan gadget Google Plus
  • jika sudah anda tambahkan gadgat google plus klik Simpan Setelan
  • Kemudian pilih Template lalu Edit HTML
  • klik tulisan Lompat ke Widgat dan pilih PlusBudge1 atau PlusFollower1
  • lihat script kode seperti di bawah
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<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>

  • lihat script berwarna merah, ganti script berwarna merah dengan script berwarna biru di bawah ini
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

  • Jadinya seperti dibawah ini
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
      <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'>
      (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>

    </b:if>
  </div>

  • jika sudah di ubah klik Simpan Template dan lihat hasilnya jika widgat kamu muncul berarti kamu telah berhasil mengganti scriptnya dengan benar tapi jika tidak muncul mungkin ada kesalahan saat kamu mengganti script nya.
Semoga bermanfaat ya artikel tentang cara mengatasi widget google plus yang tidak muncul di blog
Back To Top