Cara Membuat Halaman Followers Pada Blog

Cara Membuat Halaman Followers Pada Blog

Halaman Followers ini berupa widget followers dari GFC (Google Friend Connect) yang kemudian di letakkan pada halaman statis. Halaman ini sangat di peruntukkan bagi blog atau web yang hanya menggunakan text/image pada untuk mendapatkan followers. Contohnya seperti pada blog ini, dapat Anda lihat pada text di bagian sudut atas blog yang bertuliskan "Join This Site". Bila Anda klik akan langsung meminta konfirmasi untuk menjadi followers pada blog ini.

Baca juga: Cara Membuat Halaman Member Aktif di Blog

Keuntungan Menggunakan Halaman Followers

Sedikit informasi sebelumnya, bahwa widget followers GFC termasuk dalam kategori widget yang berat sehingga akan membuat blog Anda tidak Fast Loading. Dengan memberikan link direct untuk followers maka akan membuat blog Anda tetap dapat di follow dan pastinya Fast Loading. Oleh karena itu, di butuhkan halaman followers agar pengunjung baik sesama blogger maupun bukan, dapat melihat jumlah followers Anda.

Cara Membuat Halaman Followers

1. Siapkan Halaman Statis Blog.

2. Silahkan ubah dari Compose ke HTML lalu masukkan JS berikut.

<div class="separator" style="clear: both; text-align: center;">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
</div>
<div id="div-qt9qci4xith2" style="border-radius: 0px; border: 0px solid #eee; margin: 0 auto; width: 100%;">
</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'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-qt9qci4xith2',
   site: '06785910513097216822'},
  skin);
</script>

Keterangan :

• Lihat kode berwarna orange,
• Ganti id div-qt9qci4xith2 dengan id widget sobat,
• Ganti site 06785910513097216822 dengan site sobat.

3. Klik Publikasikan & Selesai.

Result

Cara Mendapatkan Kode Id dan Site Widget

1. Pasang dulu widget followers pada blog sobat,

2. Silahkan klik Ctrl + U untuk melihat kodenya.

3. Cari kode renderMembersGadget (gunakan Ctrl + F)

Apa Yang Harus Di Lakukan Bila Tidak Menemukan Kode Id dan Site ?

Dikarenakan perubahan Javascript oleh pihak Google Friends Connect, maka cara di atas sudah tidak dapat lagi digunakan. Oleh karena itu, Anda dapat menggunakan cara terbaru untuk membuat halaman dan memodifikasi widget followers dari Google Friends Connect. Berikut tutorialnya.

1. Pasang dulu widget followers pada blog sobat,
2. Silahkan klik Ctrl + U untuk melihat kodenya.
3. Cari kode Followers1-wrapper menggunakan Ctrl + F
4. Copy kode seperti yang saya blok lalu paste pada halaman yang Anda inginkan (ingat untuk mengubah mode Compose ke HTML terlebih dahulu), lalu publikasikan.

Perlu di Ingat, bila menggunakan metode ini sebaiknya tinggalkan cara pertama.

Bagikan Artikel ini