Cara Mengatasi Widget Google+ Tidak Muncul

Cara Mengatasi Widget Google+ Tidak Muncul. Sobat blogger, Google+ badge adalah sebuah widget sederhana  atau sebuah tombol follow dinamis seperti lencana, fungsi dari google+ badge ini sendiri adalah untuk pengunjung bisa mengikuti situs kita tanpa harus meninggalkan situs, maka jika kita memiliki sebuah pengikut google+ blog kita, otomatis pengikut kita akan melihat artikel yang kita bagikan di beranda google+ mereka.
Cara Mengatasi Widget Google+ Tidak Muncul

Maka akan sangat bermanfaat sekali jika kita memasang widget ini untuk menjaring pengunjung situs agar tetap melihat artikel yang kita bagikan,


Widget Google+ Tidak Muncul

Namun apakah pada kesempatan kali ini anda mengalami hal yang sama seperti saya, ketika memasang sebuah widget google+ badge pada blog kita, namun widget tersebut tidak muncul, malah yang ada hanya tulisannya saja. (seperti gambar di bawah ini)

Widget Google+

Saya mengalami hal ini, entah apa yang salah namun biasanya hal ini terjadi karena template yang kita gunakan, setelah searching cara mengatasinya akhirnya saya menemukan juga bagaimana cara mengatasinya, mengatasinya cukup mudah saja, kita hanya mengganti kode js widget tersebut dengan kode dari developers google+ nya, bagi anda yang ingin widget tersebut muncul, ikuti tutorialnya.

Cara Mengatasi Widget Google+ Tidak Muncul

1. Pasang terlebih dahulu widget google+ badge pada blog anda.
2. Lalu buka akun blogger, pilih template dan klik edit HTML.
3. Lalu cari kode PlusBadge di edit HTML (Gunakan CTRL F) 
jika sudah ketemu, kalau di uraikan kode tersebut akan nampak seperti di bawah ini.

<b:widget id="PlusBadge1" locked="false" title="Google+ Badge" type="PlusBadge">
    <b:includable id="main">

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

  <b:if cond="data:title != &quot;&quot;">
    <h2 class="title">
<data:title></data:title></h2>
</b:if>
  <div data-rel="author" expr:class="&quot;g-&quot; + data:badgeType" expr:data-href="data:profileUrl" expr:data-layout="data:layout" expr:data-showcoverphoto="data:showCoverPhoto" expr:data-showtagline="data:showTagline" expr:data-theme="data:theme" expr:data-width="data:width">
</div>
</b:includable>
  </b:widget>

4. Lalu ganti kode js yang saya tandai warna merah dengan kode 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>

5. Save Template.

Maka widget google+ badeg anda akan muncul, jika iya, silahkan ucapkan Alhamdulillah.
Oke sobat blogger, semoga artikel saya kali ini bisa bermanfaat bagi anda, lebih dan kurangnya saya mohon maaf. semoga sukses.

3 komentar

alhamdulillah, muncul... mbak.
tapi fotonya gak muncul, bagaimana ya mbak kok bisa?
blog saya yakarir.blogspot.co.id

ups, sdh ketemu mbak, hanya edit di layout, ganti posisi potrait menjadi landscape, muncul deh


EmoticonEmoticon