Cara Mudah Modifikasi Widget Followers

Hai semua..Apa kabar? Mudah-mudahan kita semua dalam keadaan sehat..Kali ini saya akan memberikan tutorial blog, yaitu tentang memodifikasi followers blogger.

Sebenarnya followers sudah ada langsung pada blogger, namun kali ini kita akan memasangnya di widget HTML/Javascript. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.

Jika sobat menggunakan custom template, maka untuk bisa mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.

• 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-eknxr14kfbso" 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-eknxr14kfbso',
     site: '06215030860304111627' },
    skin);
  </script>
• Ganti kode yang berwarna hijau dan merah dengan kode id blog kalian.
• Simpan.

Keterangan :

1. untuk kode yang saya tebalkan bisa kalian ganti sesuai dengan warna dan lebar widget blog kalian.
2. Kode yang berwarna biru sesuaikan dengan lebar widget template kalian.
3. Untuk mencari kode yang berwarna hijau dan merah, jika sebelumnya kalian 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 kalian bisa melihat kode id dan site dari blog yang kalian punya.