Home » » Cara Menampilkan Widget Google+ Follower yang Tidak Muncul

Cara Menampilkan Widget Google+ Follower yang Tidak Muncul

Diceritakan oleh Tricahyo Abadi pada Sunday, March 31, 2013 | 6:24 AM

Barusan saya mencoba menambah widget Google+ Follower yang di situ tertulis sebagai widget baru pengganti Blog Follower. Setelah saya pasang, ternyata widget tersebut tidak bisa nampak di template Mas Kolis yang baru saya pakai, khususnya pada Homepage (halaman depan) saja. Hasilnya adalah seperti widget yang disembunyikan, tanpa kode:
<style type='text/css'>
#WidgetID {display:none;}
</style>
yaitu kotak widget tanpa isi. Tapi jika pada halaman single post, semua tampilan widget itu bisa muncul sempurna. Kalau saya isi kode di atas kotak tersebut akan hilang, tapi tujuan saya justru ingin menampilkan, bukan menyembunyikannya.

Saya pusing, sebab follower Google+ di template Mas Kolis yang lainnya langsung nampak. Mengapa saya pusing? Perlu teman-teman ketahui saya adalah narablog (blogger) pemula. Jadi saya modifikasi template dengan trial and error. Saya tidak paham arti coding. Jadi, cara saya membuatnya hanya backup template, coba hapus satu kode, jika salah balikin lagi. Hehehe.

Saya menghubungi Mas Kolis sebagai pembuat template pun selalu sibuk karena beliau punya pekerjaan utama sendiri selain buat template. Banyak permasalahan template yang dialami pemula ditanyakan kepada beliau tidak terjawab. Akhirnya ya begini, hapus kode, upload lagi, sambil menunggu penuh harap datangnya sang penyelamat. Hehehe.

Setelah terus googling, akhirnya secara kebetulan satu permasalahan kali ini bisa saya selesaikan walaupun secara coding saya nggak tau di mana salah benarnya. Jadi ketika para narablog sudah menambahkan widget Google+ Follower, di Edit template HTML akan muncul widget seperti 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>

 Pertama saya curiga kode <b:if bla bla bla itu penyebabnya karena saya tahu kode mirip seperti itu dipakai untuk menyembunyikan widget pada halaman tertentu. Namun setelah saya ganti-ganti kode itu tetap tidak berhasil. Akhir-nya di blog MakingDifferent saya menemukan kode widget Google+ Follower yang berbeda.

Maka saya coba ganti script yang berlatar kuning di atas dengan script 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>
It works! Walau tidak tahu karena apa, setidaknya ini bisa sementara mengatasi problem yang saya sembari saya menunggu master template Mas Kolis memberi solusi. Demikian teman. :)

Jika menurut Anda bermanfaat, silakan berbagi tulisan ini ke teman Anda dengan tombol Google+, Twitter, atau Facebook di bawah ini.
18 Komentar
18 Komentar
Komentar

18 Komentar:

  1. Ini dia artikel yg ane lg cari.
    masalah ane sama neh
    Mkasih Bos

    ReplyDelete
    Replies
    1. Mudah-mudahan bermanfaat Master Forex :) Mudah-mudahan narik terus.

      Delete
  2. waaah sama bosss, makasih tutornya sangat membantu

    ReplyDelete
    Replies
    1. OK Mas Kris... Ini juga nyoba-nyoba saja pas kebetulan bisa meski ngga tau alasannya. Wkwkwk.

      Delete
    2. iya kang, ini saya juga bingung yang salah templatenya apa apanya, tp kbeneran sya jga pke punya mas kolis. kalo dapet problemnya info saya kang. Hatur nuhun

      Delete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. mksih brader, saya jg mngalami hal serupa,.
    satu masalah lagi ni yg blm nemu jalurnya..
    widget statisticny g muncul, wah wah bingung saya brader..
    klo brader punya solusi dibantu ya :)
    -keep blogging-

    ReplyDelete
    Replies
    1. Sama-sama. Mungkin masalahnya karena ada perintah menyembunyukan salah satu widget juga.

      Delete
  5. kok di saya gak work ya gan?? http://infokita-net.blogspot.com/

    ReplyDelete
    Replies
    1. Itu kan template desain Mas Aditya Panji Saputra Sendiri (lihat kredit di footer-nya). Kok bingung? :D

      Delete
  6. Benar-benar bekerja dan berhasil, terimakasih yah sob. Kunjungi juga http://regibrader-free.blogspot.com/

    ReplyDelete
  7. hehe it's work mas :D , sya juga mengalami hal ini setelah utak atik template. eh baru nyadar saya mas, template kita sama hehe, johny goreng gitu, tapi kayaknya mas sdh modifikasi sedikit templatenya. makasih yah mas atas postingannya :D

    ReplyDelete
    Replies
    1. Ya, Mas Heri. Meskipun caranya ngawur, it really works! beberapa teman sudah mencobanya dan sukses. :)

      Delete
  8. followers hilang,, semoga dengan cara ini berhasil...

    ReplyDelete
    Replies
    1. Silahkan Om. Cukup share atau bayar jempol saja kok :)

      Delete
  9. makasih gan 100% work di blog saya :)
    jadi ga perlu ganti tmplte

    ReplyDelete

Translate This Page into