Search This Blog

BUAT MENU SCROLL PADA BLOG

Posted by amykozo

biasanya scroll bar digunakan untuk menjimatkan ruang dan saya ianya juga sangat penting bagi blogger yg byk menulis artikel..jadi untuk membuatnya anda hanya perlu ikut step2 di bawah 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: 80px; overflow: auto; padding: 5px; width: 170px;">
masukkan teks atau apa apa kod yang hendak dipaparkan disini
</div>




nanti akan jadi seperti ini

masukkan teks atau apa apa kod yang hendak dipaparkan disini


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

untuk memasukkan tajuk link yg banyak anda perlu menggunakan kod seperti di bawah 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://probuatblog.blogspot.com/2010/09/mungkin-dalam-banyak-posting-yang-ada.html" target="_blank">posting lama ke hadapan</a></li>




untuk masukkan link seterusnya anda cuma perlu copy kod di atas (lihat contoh di bawah) :




<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://probuatblog.blogspot.com/2010/09/mungkin-dalam-banyak-posting-yang-ada.html" target="_blank">posting lama ke hadapan</a></li>
<li><a href="http://probuatblog.blogspot.com/2010/09/cara-pasang-emotion-icon-pada-blog.html" target="_blank">cara pasang emotion icon pada blog</a></li>
<li><a href="http://probuatblog.blogspot.com/2010/09/asdasdasd.html" target="_blank">sorokkan shoutbox</a></li>


</li></ul></div>




nota : perkataan 'ul' yg berwarna hijau adalah untuk bullet..untuk menukar kepada no anda perlu gantikan perkataan 'ul' kepada 'ol'

Kod warna merah untuk kod scroll
Kod warna kuning adalah link dan senarai kandungan yang hendak paparkan

3.setting sampai anda benar2 puas hati dan setelah selesai klik save

RECENT POST

To all u...






Tutorial
back to top