Modifikasi Followers

Sudah hampir sebulan saya tidak update blog ini, di samping kesibukkan saya di luar saya juga cukup kelelahan mengurus blog-blog saya yang lain. Muncul lagi dengan 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. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.

Jika sobat menggunakan custom template, maka untuk 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-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 ungu dengan kode id blog sobat
• Simpan.

Keterangan :

1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
3. Untuk mencari kode yang berwarna merah dan ungu, 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.

Artikel Terkait:

Blogger

• Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
• Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
• Cara Membuat Slideshow Pada Blogger
• Cara membuat chat box di blog & macam-macam chat box
• Cara Membuat Chat Box di Blogger
• Cara memasang radio online di blog
• CARA MEMBUAT RADIO STREAMING
• Membangun Radio Internet dengan Listen2MyRadio.Com
• Membangun Sendiri Radio Internet
• Radio Online
• Tampilan Baru Dasbor Blogger.com
• Membuat Label untuk Artikel Miniatur Hover
• Menambah Button Send ke Facebook
• Laporan berita sekilas dari w3spy.net
• Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
• Membuat Web Hosting di Google Sites
• Google Code - Cara Membuat File Hosting di Google Code
• Tips Mendapatkan Banyak Follower di Twitter
• Membuat Artikel Terkait dengan Disertai Thumbnails
• Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
• Cara Memasang Widget SMS Gratis pada Blogger Blogspot
• Favicon Fitur Baru dari Blogger
• Menambahkan Gadget di Header
• Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar
• Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi