Mengatasi Widget Followers yang Error

9/20/2015
Mengatasi Widget Followers yang Error Saat Klik Icon Follower

Mengatasi Widget Followers yang Error - Widget Followers adalah salah satu fitur dari Blogger untuk memudahkan pengunjung mengikuti blog dan akan masuk ke daftar bacaan blog dari pengunjung. Daftar bacaan blog tersebut akan muncul di dasbor pengikut sebagai daftar link postingan terbaru dari blog yang diikuti.

Widget follower ini biasa ditambahkan pada sidebar blog, namun saat ini widget followers mengalami error. Error ini bisa terlihat saat klik pada icon follower (Avatar) yang biasanya muncul secara pop up dan bisa langsung dilihat daftar dari blog yang diikuti follower, tetapi sekarang daftar tersebut muncul di dalam iframe widget dan seperti terhalang oleh latar belakang putih yang hanya memperlihatkan sebagian saja. Alhasil daftar bacaan menjadi tidak terlihat sepenuhnya.

Contoh tampilan saat klik icon follower :

error euy

Untuk mengatasi error ini silakan ikuti langkah berikut :

1. Menambahkan Widget Followers


Catatan : Jika sudah ditambahkan, abaikan langkah ini lanjut ke langkah berikutnya.

Klik Tata Letak > Tambahkan gadget > Klik tab Gadget Lainnya > Klik tombol plus pada widget pengikut > Kemudian klik Simpan.

Klik tombol plus

2. Inspect Element


Buka blog sobat > Klik kanan pada halaman blog > Pilih menu Inspect Element (Bisa juga dengan keyboard shortcut : ctrl+shift+i). Untuk memudahkan pencarian widget, seleksi judul atau kata yang ada di dalam widget yang akan dilihat. Selanjutnya klik kanan > Pilih Inspect Element > Kemudian panel Inspect Element browser akan terbuka dan cari kode seperti screenshot di bawah ini :

Klik gambar untuk memperbesar

Inspect Element Widget Followers 1

Selanjutnya klik setiap tanda panah (Dropdown) pada widget sampai menemukan kode seperti di bawah ini :

Klik gambar untuk memperbesar


Setelah ditemukan, salin kode div-vax81i25er60 dan 02073453195640805414 dalam notepad. Yang nanti akan dibutuhkan untuk kode identitas blog (Kode unik dan site blog berbeda untuk tiap blog).

Klik gambar untuk memperbesar


3. Menambahkan Widget Baru


Pada langkah berikutnya, silakan hapus widget followers yang sebelumnya dan tambahkan widget baru di tata letak. Kemudian tambahkan kode di bawah ini dan isi kode yang ditandai dengan kode yang tadi disalin di notepad :

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-kode-unik-blog" style="width:100%;border:0px solid #eee;border-radius:0px;margin:0 auto">
</div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '34';
skin['BORDER_COLOR'] = '#FFFFFF';
skin['ENDCAP_BG_COLOR'] = '#FFFFFF';
skin['ENDCAP_TEXT_COLOR'] = '#555555';
skin['ENDCAP_LINK_COLOR'] = '#555555';
skin['CONTENT_BG_COLOR'] = '#FFFFFF';
skin['CONTENT_LINK_COLOR'] = '#555555';
skin['CONTENT_TEXT_COLOR'] = '#555555';
skin['CONTENT_HEADLINE_COLOR'] = '#555555';
skin['NUMBER_ROWS'] = '6';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-kode-unik-blog',
   site: 'kode-site-blog'},
  skin);
</script>

Selesai, simpan widget. Sesuaikan tampilan pada kode di atas menurut selera masing-masing.


Untuk melihat hasilnya silakan cek blog Twisted Shape



Tidak hanya di dalam widget, kode dari widget followers di atas bisa juga sobat pasang di post halaman statis seperti blog ini. Cek halaman Member.

Sekian trik cara Mengatasi Widget Followers yang Error di Blogger. Semoga dapat membantu kegiatan blogging sobat blogger.


Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.