CARA PASANG KOTAK SCROLL PADA BLOG
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--->>HTML/JAVASCRIPT
Masukkan kod berikut:
<div style="overflow:auto; padding:5px; width:170px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">masukkan teks atau kod yang dikehendakki disini</div>
Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi.
Untuk membuat menu scroll seperti pada blog ini:
kod nya adalah seperti dibawah ini :
<div class="widget-content">
<ul style="width: 145px; height: 180px; background-color: 000080; color: ffa000; font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 0px; 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 dan senarai kandungan yang hendak paparkan
3.kemudian save untuk melihat hasilnya.
Post a Comment