Tuesday, 20 December 2011

Cara pasang menu 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

 3. HTML/JAVASCRIPT

Masukkan kod berikut :
Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi pada kod diatas

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