Minggu, 24 Juli 2011

Cara Memasang Widget Followers di Pojok Blog

0 komentar
Hi..Friends...Kali ini utta' akan berbagi tips memasang widget Follwers dipojok halaman blog,dimana pada postingan saya sebelumnya pernah juga membahasa 'Cara Memasang Widget Follow Tersembunyi 'baiklah Sebelum kita membahas bareng mengenai trik ini, ada baiknya teman-teman tahu terlebih dahulu mengenai trik ini=> Trik ini sebenarnya sama saja dengan trik "Membuat Gambar Hidup Di Pojok Halaman Blog", hanya saja kita akan menggunakan pihak ketiga sebagai pendukung trik ini, yaitu widget dari Google Friend connect. Untuk DEMONYA bisa dilihat DISINI.

http://i56.tinypic.com/16h020.jpg

Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:
LANGKAH PERTAMA : 
1. Silahkan surfing ke akun [http://www.google.com/friendconnect] milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda).
2. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"
Lihat Gambar dibawah :



-[3] Silahkan diatur ukuran, warna  dll nya..
-[4] Klik "Buat kode"
-[5] Silahkan Copy kodenya, dan ikuti langkah selanjutnya.
-[6] Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah 2.
LANGKAH KEDUA :

1. Pastikan login Blogger terlebih dahulu
2. Klik pilihan Tata Letak => Edit HTML
3. Carilah kode ]]></b:skin> kalau sudah ketemu, letakkan kode berikut tepat di atas :


#followers-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); }


4. Setelah itu Cari kode </body>, kemudian letakkan kode berikut tepat di atasnya :


<div id="followers-pojok">
<img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/followV36H100.gif'/>
LETAKAN DISINI  KODE SCRIPT  WIDGET FOLLOWERS
YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!

</div>


:::Keterangan :
- Untuk tulisan yang Bercetak berwarna merah,adlh URL Gambar, dan dapat sobat ganti sesuka hati anda ..
- dan teks yang berwarna orange, sobat ganti dengan KODE SCRIPT  WIDGET FOLLOWERS. yang sudah didapat dari Google Friend connect tadi.

5. Klik simpan template. SELESAI....

Leave a Reply