Beberapa hari yang lalu saya menemukan sebuah masalah pada Blog milik salah satu teman saya. Pada Blog tersebut Widget Google Plus tidak dapat ditampilkan. Tidak hanya satu buah widget saja, pokoknya beberapa widget yang berasal dari Google Plus tidak dapat ditampilkan. Seperti widget Google Plus Follower, Profil Google Plus (Mengenai Saya/ About Me), sampai Tombol Rekomendasi Google Plus One. Jika ada widget lain dari Google Plus yang dipasang, saya tidak tahu apakah tidak akan tampil juga atau dapat ditampilkan. Yang jelas saya tertarik untuk mengatasi masalah ini, lumayan lah untuk menambah ilmu, hehe.
Pernah terjadi sebuah kasus di mana widget Google Plus Follower dan Tombol Rekomendasi Google Plus One benar-benar tidak tampil sama sekali. Hanya terlihat sebagai kolom widget yang tidak berisi. Sedangkan widget Profil Google Plus masih dapat ditampilkan, namun yang tidak dapat ditampilkan adalah Tombol Follow-nya.
Saya pun Browsing untuk dapat mengatasi masalah ini. Akhirnya saya menemukan Blog milik teman Blogger lain yang salah satu artikelnya menerangkan tentang cara menampilkan widget Google Plus Follower yang tidak muncul. Dari penjelasanya ternyata dalam mengatasi masalah ini ia menemukan script Google Plus Follower milik teman Blogger lain yang berbeda dengan script Google Plus Follower miliknya. Ia pun coba menerapkan script tersebut pada script widget Google Plus Follower miliknya. Dan hasilnya OK.
Akhirnya saya juga tertarik untuk mengatasi masalah yang saya temui ini, dengan menerapkan cara yang ia jelaskan sebagai berikut
Saya tidak paham penyebab dari permasalahan ini. Juga tidak paham mengapa satu cara ini bisa memperbaiki beberapa widget. Apakah dari faktor pengkodean, atau ada faktor lain. Yang penting untuk sekarang masalah yang saya temukan ini dapat teratasi.
Pernah terjadi sebuah kasus di mana widget Google Plus Follower dan Tombol Rekomendasi Google Plus One benar-benar tidak tampil sama sekali. Hanya terlihat sebagai kolom widget yang tidak berisi. Sedangkan widget Profil Google Plus masih dapat ditampilkan, namun yang tidak dapat ditampilkan adalah Tombol Follow-nya.
Saya pun Browsing untuk dapat mengatasi masalah ini. Akhirnya saya menemukan Blog milik teman Blogger lain yang salah satu artikelnya menerangkan tentang cara menampilkan widget Google Plus Follower yang tidak muncul. Dari penjelasanya ternyata dalam mengatasi masalah ini ia menemukan script Google Plus Follower milik teman Blogger lain yang berbeda dengan script Google Plus Follower miliknya. Ia pun coba menerapkan script tersebut pada script widget Google Plus Follower miliknya. Dan hasilnya OK.
Akhirnya saya juga tertarik untuk mengatasi masalah yang saya temui ini, dengan menerapkan cara yang ia jelaskan sebagai berikut
Cara Menampilkan Widget Google Plus yang Tidak Muncul
- Login ke akun Blogger sobat.
- Masuk ke bagian Tata Letak Terlebih dahulu.
- Sentuhkan kursor pada tulisan Edit di posisi widget Google Plus Follower berada.
- Di bagian bawah sobat akan mengetahui ID widget Google Plus Follower misalnya "PlusFollowers1".
- Sekarang masuk ke bagian Template dan klik Edit HTML.
- Dengan menggunakan tombol ctrl+F, cari widget ID yang telah sobat ketahui (PlusFollowers1).
- Setelah ditemukan dan script elemen widget belum ter-expand, maka klik bagian "titik-titik" diantara kode <b:widget> dan </b:widget>, kemudian klik bagian "titik-titik" diantara kode <b:includable> dan </b:includable>.
- Sehingga kode elemen widget akan ditampilkan secara terurai seperti berikut.
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<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 = {'lang': '<data:language/>'};
</script>
</b:if>
</div>
</b:includable>
</b:widget>- Ubah kode berlatar kuning dengan kode berikut.
<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>- Klik Simpan Template.
Saya tidak paham penyebab dari permasalahan ini. Juga tidak paham mengapa satu cara ini bisa memperbaiki beberapa widget. Apakah dari faktor pengkodean, atau ada faktor lain. Yang penting untuk sekarang masalah yang saya temukan ini dapat teratasi.