Cara Membuat Kotak Melayang Untuk Menu atau Iklan

Akhirnya setelah utak-atik ...berhasil juga...he,,he,,he...langsung aja ya bro, saya mau share cara buat menu vertikal melayang di samping kiri seperti punya saya ini. Itu tuh.. yang melayang disamping kiri nempel statis nggak bergerak meskipun mouse ente scroll keatas.  Saya desain sendiri tampilannya, terinspirasi menu tab yang ada di pinggir kiri kanan layar monitor mesin ATM Bank. Udah pada tau khan mesin ATM....he..he..he becanda bro.... Caranya sederhana kok, script-nya saya comot dari sana sini trus digabungin. Maaf bagi sahabat blogger yang udah piawai dan pakar script kalo script-nya sama, mungkin saya ambil dari punya anda karena ngijinin boleh di Copas, yaah khan harus berbagi info dan pengetahuan, he...he...he ya nggak..he...he..he...jangan marah oke...he..he...he.

Langsung aja yaa...tapi maaf bro...nggak bisa di Copas...bukannya nggak boleh... soalnya saya malas Encode script biar bisa di tampilkan di halaman posting, jadi ya saya screenshot aja ....,diubah jadi file gambar..praktis. Cara saya ini boleh ditiru, jadi sebelum ditampilkan atau dipublikasikan, kalo pas lagi males encode script... ya ubah aja jadi file gambar.

Baiklah sobat berikut ini adalah script yang bisa anda ketik di form HTML/ JAVA script yang muncul setelah anda klik tanda + Hmtl/Java Script di add gadget.

Posisi gambar atau kotak bisa anda set sendiri dengan mengubah left atau right, top atau bottom. Untuk posisi kiri bawah pojok pakai left dengan nilai 0, bottom dengan nilai 0, sedangkan untuk posisi atas pojok kiri ganti dengan left nilainya 0 dan top nilainya 0 dan selalu diikuti dengan px setelah nilai.

Untuk kotak berjajar vertikal, harus diatur dulu lebar atau tinggi kotak sesuaikan dengan besar huruf yang ada di dalamnya seperti HOME, TIP BLOG atau yang lainnya sesuai kebutuhan anda. Berikut adalah script untuk buat kotaknya.

Panah hijau pada script yang ini adalah url milik saya yang bisa diganti dengan url anda. Tinggi kotak yang saya pakai 28 sedangkan spasi antar kotak saya buat 7, panjang kotak saya buat 144 saya sesuaikan dengan sisa space pada template. Lihat gambar diatas pada bagian yang saya beri titik warna biru.

Ingat script diatas hanya untuk satu kotak !.

Supaya berjajar vertikal maka script diatas harus diulang dicopy paste dibawahnya dengan mengatur posisinya seperti yang saya jelaskan tadi. Dan tidak perlu utak atik template blog, cukup masukkan kode diatas melalui add gadget yang sudah disediakan di sidebar.

 Sedangkan bagian yang saya kasih tanda panah biru itu boleh diganti dengan script counter, gambar, iklan atau link menu anda, seperti berikut di bawah ini adalah script counter saya,

 Setelah itu klik save dan lihat hasilnya klik view blog atau lihat blog.

Sekali lagi maaf nggak bisa di copas, tapi diketik di keyboard anda. Hikmahnya supaya hafal bahasa web/script.

Selamat mencoba.