membuat scroll berjalan otomatis


Untuk kalian yang di dalam blog nya terdapat beberapa widget atau Link dan mungkin jika ditampilkan terlalu banyak dan akan memperjelek tampilan, maka ini adalah salah satu solusi untuk mengatasi masalah tersebut.
solusinya adalah kita masukan beberapa widget kedalam kotak scroll dan kotak scroll tersebut kita buat berjalan secara otomatis, maka dari itu widget yang banyak tersebut bisa kita tampilkan semua secara berurutan, jadi kita tidak perlu bingung untuk menampilkannya. dan tampilan di blog kita pun tidak terlalu banyak dan akan terlihat lebih rapi dan elegan.
untuk membuatnya, ikuti langkah-langkah berikut ini :
1. masuklah kedalam blogger.com
2. masuk ke rancangan>tambah widget>edit html/javascript
3. masukan code berikut untuk membuat kotak scroll.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
silahkan masukan teks atau kode javascribt disini
</div>


langkah diatas belum selesai, ikuti langkah selanjutnya.\
4. jika ingin membuat scroll berjalan, masukan code berikut ini :
<MARQUEE align="center" direction="up" height="200" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="100" >
masukan teks atau kode javascribt disini
</marquee>

5. gabungkanlah kedua kode tersebut, jika digabungkan hasilnya menjadi seperti ini:
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;"> 
<MARQUEE align="center" direction="up" height="200" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="100" >
masukan teks atau kode javascribt disini


</marquee>
</div>

4 komentar:

Unknown mengatakan...

good articel
visit to my blog

Lukman Hakim mengatakan...

:))

GAGAL BERSEMBUNYI mengatakan...

Untuk memasukkan Label di dalamnya gimana gan caranya?
Mohon dibantu

Anonim mengatakan...

mantap bg,, buatkan dong bg autocsrol untuk artikel secara otomatis

Posting Komentar

Next Prev