Posting ini adalah request posting dari salah satu kawan ibllezboy. Berikut ini sepenggal kata-katanya"aku req ben follower,tiwiter,fb, melayang di samping". atau dalam bahasa indonesia, dia ingin request posting bagaimana sih cara membuat Follower, tiwiter dan fb melayang.
Simak terus posting ini sampai selesai bro ☻

Posting kali ini bisa untuk mengoptimasi fungsi widget followers anda. Dengan mengatur letak widget Followers di bagian pojok blog anda atau dalam keadaan melayang, maka setiap kali halaman mana saja yang ada di blog anda diklik oleh pengunjung, maka widget followers ini akan selalu berada di pojok dan juga walau halaman yang ada di blog anda di-scroll atau digulung, widget followers anda akan terus berada di tempat - tepatnya di bagian pojok blog.
Dengan begitu semakin besar juga kesempatan anda untuk mendapatkan jumlah followers yang banyak dengan cepat ☻

Lantas gimana sih maz ibllez membuat follower selalu melayang di pojok blog ??
Caranya cukup sederhana dan mudah bro , berikut ini langkah-langkahnya :

1. Pertama-tama silahkan anda menuju site ini Google Friend Connect
(usahakan anda dalam keadaan online / login akun Google atau Blogger anda)

2. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog, silahkan langsung pilih blog mana yang hendak anda pasang widget Followers-nya).

3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"



4. Maka anda akan bisa melihat Setting "Widget Followers".
Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah di followers anda, juga bisa mengatur warna tampilan widget followers anda ( background, garis tepi, dll ).

Catatan: Usahakan lebar widget anda di sesuaikan dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus.


5. Setelah anda rasa sudah cukup sesuai pengaturan ukuran widget tersebut dengan ukuran pojok template blog anda, maka anda bisa mengambil scriptnya dengan cara mengklik tombol "Buat Kode"


6. Copy Script yang terdapat disana , misalnya seperti gambar di bawah ini :


Script tersebut akan kita gunakan untuk langkah berikutnya.

Setelah kita mendapatkan script follower anda, ikuti langkah lanjutan berikut ini :
1. Pertama-tama tentu anda harus Log In ke dulu ke akun Blogger anda


2. Pada Dashboard,masuk pada bagian "Rancangan" lalu ke "Edit HTML"


3. Carilah kode tag ]]></b:skin> dan paste script di bawah ini tepat di atas tag ]]></b:skin>

#followers-ibllezboy {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Seperti gambar di bawah ini :


4. Selanjutnya, carilah tag </body> dan letakkan script <div id="followers-ibllezboy"> tepat di atasnya
Seperti gambar di bawah ini:




5. Letakkan kode Google friend connect milik anda tadi dibawahnya
Dan akhiri dengan tag </div> dibawah kode Google friend connect milik anda tadi.

Misalnya seperti ini
<div id="followers-ibllezboy">
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3619896312518377250" style="width:276px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-3619896312518377250',
   site: '03134162244101968877' },
  skin);
</script>
</div>

Atau seperti gambar di bawah ini :



5. Terakhir klik Simpan Template dan sekarang lihatlah hasilnya akan seperti ini :


Mungkin segini dulu bro, selebihnya akan saya tambahkan lain waktu ☻semoga bermanfaat.
Terima kasih telah berkunjung di blog saya mampir lagi ya,,