Membuat Menu Hubungi Saya

Gimana ya cara buat menu hubungi saya seperti yang ada di samping BLOG ini? Request dari temen-temen buat saya ngeBLOG lagi setelah semingguan gak nulis,he... Daripada banyak cerita, langsung aja deh penjelasannya seperti ini :
Menu hubungi saya akan muncul ketika mouse/cursor diarahkan ke bagian samping BLOG kita. Script-nya panjang banget untuk dijelasin, so lebih baik sobat langsung aja download 2 file yang saya sediain ini. File-filenya terdiri dari ssm.js dan ssmitems.js
Setelah sobat download filenya, silahkan di ekstrak dulu biar jadi file javascript (.js). Sekarang buka file ssmitems.js dengan cara klik kanan-open with NOTEPAD. Isinya akan seperti ini :

YOffset=200; ------------------ atur posisi menu pada y axis layar (vertical)
XOffset=0; --------------------- atur posisi menu pada x axis layar (horizontal)
staticYOffset=150; ----------- atur posisi vertical menu, pada layar
slideSpeed=20 ---------------- kecepatan slide
waitTime=100; --------------- waktu tunggu menu muncul setelah mouse jauhi menu
menuBGColor="#d1d8ec";---- atur warna background menu
menuIsStatic="yes"; ---------- men-set apakah menu harus tetap statis pada layar
menuWidth=180; ------------- atur lebar menu. Musti Kelipatan 10!
menuCols=2; ------------------ jumlah kolom
hdrFontFamily="verdana"; –— jenis huruf header
hdrFontSize="2"; -------------- ukuran huruf header
hdrFontColor="#000000"; ---- warna teks header
hdrBGColor="#ffffff"; -------- warna backround header
hdrAlign="left"; --------------- perataan teks header
hdrVAlign="center"; ---------- perataan teks vertikal header
hdrHeight="300"; ------------- tinggi header
barBGColor="#000000"; ------ warna background bar
barFontFamily="Verdana"; --- jenis huruf bar
barFontSize="2"; -------------- ukuran huruf bar
barFontColor="#FFFFFF"; ---- warna huruf bar
barVAlign="center"; ---------- perataan teks bar secara vertikal
barWidth=15; ---------------- lebar bar
barText="Hubungi saya"; ---- Kata-kata yang akan muncul pada Bar (hubungi saya)
ssmItems[0]=["<center><img src=http://hostinganmu.com/foto.jpg><br>Kata-Kata sobat di atas gambar Email seperti ini (Kalo' ada pertanyaan, kirimkan ke:) <br><img src=http://hostinganmu.com/email.jpg>"]

buildMenu();

Catatan :
- Untuk ukuran foto, gunakan ukuran 173x244 pixel
- Untuk ukuran gambar email, gunakan ukuran 160x21 pixel
Hal ini agar ukuran foto dan gambar email sobat gak kebesaran ^_^

Klo sobat udah edit, simpan filenya lagi dengan diikuti ekstensi file javascript (.js), misalkan "ssmitem.js" (tanpa tanda petik). Setelah itu, sobat upload filenya yang ssm.js sama ssmitem.js tadi ke web hosting yang menyediakan layanan upload file secara gratis, misalnya di indowebster, ziddu, ripway, 4shared dan yang lainnya, yah terserah sobat semualah mau upload filenya dimana? Asal jangan di kamar mandi, ups...
Wokeh lanjuuuuut.... Setelah itu sobat masukkan sedikit script ke templatenya. Berikut caranya :
1. Login ke Blogger
2. Pilih layout/tata letak
3. Edit HTML, tapi sebelumnya sobat download dulu templatenya sebelum di utak-atik, jadinya klo ada error kan sobat udah punya back-up templatenya ^_^
4. Cari kode </head>, supaya cepet nih proses pencariannya, sobat tekan CTRL+F (FIND), terus ketik </head>, ketemu kan?
Selanjutnya taruh script berikut ini diatas </head>

<script src='http://h1.ripway.com/imamnet86/ssm.js' type='text/javascript'></script>
<script src='http://h1.ripway.com/imamnet86/ssmitems.js' type='text/javascript'></script>

Ganti script http://h1.ripway.com/imamnet86/ssm.js dan http://h1.ripway.com/imamnet86/ssmitems.js dengan alamat hosting sobat.
5. Simpan template.
6. Kasih komentar donk, wkwkwkwkwk