Senin, 08 November 2010

Trik buat Kotak Scrollbar Pada Post+Blog+Tutorial


Kotak ini bisa di scroll kekanan dan kebawah untuk menemukan teks lain yang tersembunyi sehingga boleh menjimatkan ruang pada blog kita. Untuk membuat kotak ini caranya sangat mudah:
1. Buka Blogger. Klik menu ▶ Design ▶ Page Elements 
2. Klik Add a Gadget lalu klik ▶ HTML/Javascript 


3. Masukkan kode yang dibawah ini:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);"><option selected value="0" />DUNIA CINTA<option value="http://webhackerpc.blogspot.com/2010/11/10-rahasia-pria-yang-harus-diketahui.html" />Rahasia PRIA<option value="http://webhackerpc.blogspot.com/2010/11/kepribadian-manusia-dari-status.html" />Status Facebook</select>

 Maka hasilnya akan seperti ini:




Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal diatas dengan Catatan: Ganti teks biru yang dicetak tebal dengan alamat alamat gambar anda contoh http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/herman%20blog%20headline%20v6.gif 

Sebagai contoh saya memasukkan:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYzITyGE-51aBK0NWEnlqf-r9A-elotnZIiRYXL5QYqMaEuv30co2hArpKFBbululONQ2oGKuvHMAnaL9D_Qfk7-hjTJpWzZ_QofTYl1BeAEF5af27zvULR-O8R69BPNzSBuwnz_fCPlBA/s320/cuti-cuti+cinta.jpg" /></div>




Maka hasilnya akan seperti ini







4. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya

Selamat Mencoba!!?


│║▌ ║││█║▌ │║║█
¹°³²ยบ³ °¹³²²³¹³ ³²¹¹
©Copyright EdwinTan2010
Thankyou Watching

 

Tidak ada komentar:

Posting Komentar