} -->

22

Sabtu, 30 Juli 2011

Cara Membuat Kotak/Menu Scroll di Blog

Assalamu'alaikum...
Untuk para Bloger senior mungkin ini sudah ga asing lagi, tapi untuk kalangan kita sebagai Pemula, mungkin sangat bermanfaat untuk Blog anda,
dan anda pastinya sudah tahu apa itu menu scroll/kotak scroll. langsung saja kita melangkah ke tahapan permbuatannya :
1. Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Elemen Halaman ---> Add Gadget/Tambah Gadget
3. Pilih HTM/Javascript]
4. Masukkan kode berikut ini ke dalam kotak yang disediakan!

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Isi yang akan ditampilkan
</div>
 

Keterangan :
overflow:auto = untuk menciptakan scrolling/penggulung halaman
width:300px = lebar kotak
height:200px = tinggi kotak
padding:10px = jarak tulisan dengan garis tepi
border:1px = tebal kotak

contohnya seperti ini :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
1. Cara membuat Blog
2. mengubah template blog
3. memasang kalender
</div>
Terakhir kita simpan...
Wassalamu'alaikum...


Sumber : Budak.maja.blogspot.com

Tidak ada komentar:

Poskan Komentar