Coba sobat perhatikan screenshot di bawah ini. Untuk widget Google Plus Follower dan Tombol Rekomendasi Google Plus One, widget ini benar-benar tidak tampil sama sekali. Hanya terlihat sebagai kolom widget yang tidak berisi. Sedangakan pada bagian nomer 2, 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:
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Tata Letak Terlebih dahulu.
3. Sentuhkan kursor pada tulisan Edit di posisi widget Google Plus Follower berada.
Sobat telah mengetahui ID widget Google Plus Follower yaitu "PlusFollowers1".
4. Sekarang masuk ke bagian Template dan klik Edit HTML.
5. Dengan menggunakan tombol ctrl+F, cari widget ID yang telah sobat ketahui (PlusFollowers1).
6. Setelah ditemukan dan script elemen widget belum ter-expand, maka klik bagian "titik-titik" diantara kode <b:widget> dan </b:widget>
dan 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>
<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>
7. 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>
(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>
8. Klik Simpan Template.
Ternyata hasilnya mengesankan. Tidak hanya widget Google Plus Follower yang dapat diatasi. Melainkan juga Tombol Rekomendasi Google Plus One, dan Tombol Follow pada widget Profil Google Plus kini telah dapat ditampilkan.
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.
Sekian posting saya untuk kali ini. Semoga bermanfaat bagi sobat Blogger yang mengalami masalah yang sama. Terima kasih...
0 komentar:
Posting Komentar