Disain Grafis, Tips dan Triks

Cara Memperbaiki Widget Google+ Followers Tidak Muncul di Blog

Cara Memperbaiki Widget Google+ Followers Tidak Muncul di Blog - Dengan memasang widget Google+ Followers akan memudahkan pengunjung terutama sesama blogger untuk saling berbagi artikel terupdate dan memungkinkan pengunjung untuk menjadi pengikut pada blog anda. Pilihan widget Google Plus Followers ada 2 macam, yaitu dengan background putih dan satu lagi dengan latar belakang hitam jadi anda memilih salah satunya untuk dipasang di sidebar atau di footer blogspot/blogger. Dan untuk ukuran widget google+ followers ini ada yang otomatis dan anda juga dapat mengatur secara manual mengenai ukuran yang disesuaikan dengan lebar sidebar blog anda.

Kalau widget google+ followers sudah banyak pengikutnya maka akan menjadi pertimbangan bagi advertiser untuk memasang iklan di blog anda dan yang lebih utama untuk kepentingan kuantitas Seo blog. Mengapa widget google+ followers tidak bisa muncul/tampil di blog? Salah satu Faktor Penyebab widget Google+ Folowers Tidak Tampil di blog karena terjadi kesalahan atau error pada kode script widget google plus followers tersebut. Hal itu tidak menjadi masalah karena Ermawati akan memberikan solusi / cara mengatasi widget google+ followers tidak bisa muncul di blog.

Cara mengatasi Google+ Follower yang tidak tampil di blog :
1. Login ke blogger
2 Pilih Tata Letak => Tambahkan Gadget
3. Pilih Pengikut Google+ Baru
4. Simpan

Selanjutnya masuk ke Edit HTML yaitu :
1. Pilih Template
2. Pilih Edit HTML
3. Tekan Ctrl+F, cari kode PlusFollowers, kodenya 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'>
        window.___gcfg = {&#39;lang&#39;: &#39;<data:language/>&#39;};
      </script>

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

4. Selanjutnya hapus kode warna biru dan ganti dengan kode dibawah 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>

5. Simpan