Memasang scroll bar pada blog tujuannya yang utama adalah untuk menghemat 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 kode berikut:
<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">
masukkan teks atau apa apa kod yang hendak dipaparkan disini atau
</div>Ukuran kotak scroll boleh ditukar pada width(lebar)dan height)tinggi pada kod diatas
Memasang
scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan
ruangan.Cara membuat nya amat mudah dengan hanya mengikut langkah
dibawah ini.
Untuk membuat menu scroll :
kode 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://cropozproject.blogspot.com/2013/01/cara-membuat-scroll-pada-blog.html" target="_blank">Cara membuat scroll</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.
0 komentar:
Posting Komentar