Membuat Menu Standby Di Blog

Kenapa saya menamakan Judul Postingan "Membuat Menu Standby di Blog" Karena Sifatnya adalah Menu ini akan selalu standby di blog rekan ketika pengunjunjung ke berbagai postingan lain tetap menu ini tampil di webblog rekan.

Seperti contoh pada Menu Chatingan Pingbox pada Webblog saya yang letaknya di pojok kanan bawah pada Weblog saya mungkin rekan bisa lihat sekarang.

Lihat gambar di bawah :


Caranya Mudah Rekan kita mulai saja :

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> (lebih mudah menggunakan ctrl+F) bila sudah ketemu taruh kode berikut ini di atasnya.

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

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://www.om-yudi.net">
<img src="http://i1084.photobucket.com/albums/j416/yudi10011/123.gif" border="0" /></a>
</div>

"http://www.om-yudi.net" adalah link. ganti dengan link rekan.
"http://i1084.photobucket.com/albums/j416/yudi10011/123.gif" adalah lokasi gambar rekan. ganti dengan lokasi gambar rekan.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

7. Klo Sudah berhasil comment ya. Thanks

Tidak ada komentar:

Posting Komentar