Memasang scroll bar 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="background-color: white; border: 1px solid rgb(204, 204, 204); height: 60px; overflow: auto; padding: 4px; width: 150px;">
masukkan teks atau apa apa kod yang hendak dipaparkan disini atau apa-apa yang anda sukai</div>


masukkan teks atau apa apa kod yang hendak dipaparkan disini atau apa-apa yang anda sukai untuk dipamerkan di dalam ini

Saiz kotak scroll boleh ditukar pada width(lebar)dan height(tinggi).

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 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 purple untuk kod scroll
Kod warna hijau adalah link dan senarai kandungan  yang hendak paparkan

3.kemudian save untuk melihat hasilnya. 

No comments:

Post a Comment

Thanks sebab sudi singgah blog Mrs Mimi yang tak seberapa ni, sila komen my entry untuk memberi semangat...Love u olls!!!