Selasa, 11 Desember 2012

Memodifikasi Followers

Tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger. Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript.

Tertarik? Langsung saja ikuti langkah-langkah dibawah ini:





  • Masuk ke Rancangan
  • Klik Elemen Laman
  • Pilih Tambah Gadget
  • Klik yang HTML/JavaScript
  • Kemudian masukkan kode followers dibawah ini :


<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#dedede';
skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
skin['ENDCAP_TEXT_COLOR'] = '#444';
skin['ENDCAP_LINK_COLOR'] = '#444';
skin['ALTERNATE_BG_COLOR'] = '#fff';
skin['CONTENT_BG_COLOR'] = '#f9f9f9';
skin['CONTENT_LINK_COLOR'] = '#444';
skin['CONTENT_TEXT_COLOR'] = '#444';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
skin['CONTENT_HEADLINE_COLOR'] = '#444';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-eknxr14kfzlq',
site: '06215030860304111239' },
skin);
</script>


  • Ganti kode yang berwarna merah dan orange dengan kode id blog sobat
  • Kode berwarna hijau adalah lebar widget, sesuaikan dengan template sobat
  • Kode warna ungu adalah warna widget blog, sobat bisa ganti. Kode Warna cek DISINI
  • Simpan.


Keterangan :
- Untuk mencari kode yang berwarna merah dan orange, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik “view page source” lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat. Selamat mencoba.


Tidak ada komentar:

Posting Komentar