Sederhana Itu Indah: Membuat Top View Widget

Dah lama aku carik coding ni akhirnya terjumpa jugak. Kali ni aku nak share dengan kawan² bagaimana nak buat Top View Widget yang berada kat tepi blog (tak kira tepi mana pun) sentiasa berada di situ walaupun kita dah scroll ke bawah(Seperti gambar di atas). Sebenarnya bukan sahaja gambar yang boleh kita letakkan di situ, apa pun boleh termasuk widget yang kita letakkan dalam gadget di sidebar seperti jam, shoutmix, dan lain-lain.

Jika yang ingin dipaparkan adalah sebuah gambar seperti model dibawah ini. (heuheuheu)

Ciptakan satu gambar dengan menggunakan Photoshop atau software yang lain dan upload dimana² image hosting seperti photobucket, geocities, imageshacke dan lain².

Berikut adalah cara² macam mana nak buat Top View Widget.

1. Login ke ID Blogger atau terus ke Dashboard.

2. Pilih Layout kemudian ke menu tab Edit HTML.

3. Copy coding dibawah ini dan Paste tepat di atas code ]]></b:skin>

#top-image {
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. Jika inginkan kedudukkan widget berada di atas tukarkan bottom kepada top dan jika inginkan widget di sebelah kanan tukarkan left kepada right.

5. Kemudian copy coding berikutnya dan paste sebelum code <body>

6. Tukarkan tulisan merah http://ady.via.my kepada URL Blog anda dan http://sites.google.com/site/adystor/Home/home.png URL gambar kesukaan anda seperti model tadi di atas tadi

.

7. Akhir sekali SAVE TEMPLATE!

Tambahan.

1. Langkah ke 5 anda boleh paste kan coding tersebut atas pada </body> jika ingin ianya dipaparkan selepas isi blog atau bawah pada <body> untuk dipaparkan terlebih dahulu sebelum isi blog.

2. Untuk langkah ke 6 anda boleh meletakkan coding widget seperti jam, hit counter, shoutbox dan lain² dengan menggantikan URL gambar.

Selamat Mencuba