Cara memasang widget followers


Dengan letaknya widget Follower di bagian pojok blog dalam keadaan melayang, maka setiap kali halaman mana saja yang ada di blog sobat diklik oleh pengunjung, maka widget Follower ini akan selalu berada di pojok dan juga walau halaman yang ada di blog sobat di-scroll atau digulung, widget Follower sobat akan terus berada di tempat di bagian pojok blog.
Jika ada yang tertarik untuk memasang silahkan ikuti langkah berikut:

Silahkan kunjungi situs Google friend connect
Setelah anda dibawa ke halaman depan situs Google friend connect, maka anda akan dihadapkan dengan berbagai macam gadget/fitur yang bisa ditambahkan ke dalam blog anda, maka anda dapat memilih gadget yang bertemakan "Tambahkan Gadget Anggota", seperti gambar dibawah:

dan jangan lupa untuk menentukan blog mana yang ingin anda tambahkan (opsi ini jika anda memiliki lebih dari satu blog dalam satu dasbor).
Selanjutnya anda bisa mengambil kode HTML dari gadget follower yang sebelumnya telah anda atur warna serta berbagai macam ukuran yang telah ditawarkan kepada anda.
Jika sudah selesai simpan dulu di notepad.



Selanjutnya mengatur dalam blog
Login ke Blogger klik Rancangan klik tab Edit HTML
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Carilah kode tag ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atasnya

#follower-pojok {
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); }

Selanjutnya, carilah kode tag </body> dan letakkan kode berikut tepat di atasnya

<div id='followers-pojok'>
Letakkan kode Follower disini
</div>

Contohnya seperti berikut:

<div id='followers-pojok'>
<!-- 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-5189983314532744622" style="width:160px;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'] = '#e1f6f9';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#f6feff';
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'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-5189983314532744622',
site: '11210632367050294969' },
skin);
</script></div>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba