Rabu, 06 November 2013

Cara Menampilkan Widget Google Plus yang Tidak Muncul

Widget Google Plus yang Tidak Muncul
Beberapa hari yang lalu saya menemukan sebuah masalah pada Blog milik salah satu teman saya yaitu Ari Yuwara. 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.
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.

Widget Google Plus yang Tidak Muncul

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.

Cara Menampilkan Widget Google Plus yang Tidak Muncul
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>

Cara Menampilkan Widget Google Plus yang Tidak Muncul

dan klik bagian "titik-titik" diantara kode <b:includable> dan </b:includable>.

Cara Menampilkan Widget Google Plus yang Tidak Muncul

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 != &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>

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>

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.

Widget Google Plus 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:

Dí lo que piensas...