Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya mengikut langkah dibawah ini.
1.Masuk ke dashboard,
kemudian pilih design-->>Page elements
2. Kemudian pilih add gadget
3. HTML/JAVASCRIPT
Masukkan kod berikut :
Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi pada kod diatas2. Kemudian pilih add gadget
3. HTML/JAVASCRIPT
Masukkan kod berikut :
Untuk membuat menu scroll :
kod nya adalah seperti dibawah ini :
<div class="widget-content">
<ul style="width: 145px; height: 150px; background-color: #FFEAEA; font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">
<li><a href="http://teknikbuatblog.blogspot.com/2010/03/cara-membuat-blog.html" target="_blank">Cara membuat blog</a></li>
masukkan link seterusnya....
</li></ul></div>
Jika hendak letakkan nombor dihadapan senarai gantikan ul kepada ol
ul akan memaparkan bullet dihadapan
Kod warna oren untuk kod scroll
Kod warna hijau adalah link artikel dan warna biru tajuk artikel yang hendak paparkan
Scroll akan muncul bila kandungan pada list melebihi ketinggian yang diletakkan pada kod(overflow:auto).Jadi ubahkan ketinggian pada height.
3.kemudian save untuk melihat hasilnya.
Selamat mencuba .
* Tunggu tutorial dan tips seterus nya dari saya dan sebagai credit join group saya dan klik like FACE BOOK saya okaay .





No comments:
Post a Comment