2012 - 2013 Blog Terbaru, Berbagi File Gratis, Free Download Anti Virus Terbaru & Update Gratis, Free Download Animasi Gratis, Free Download Mp3 Gratis, Free Download Vidio Gratis, Free Download Game Gratis, Free Download Aplikasi Gratis, Tips and Trik Gratis, Tips dan Trik Internet, Free Informasi Program data - data Laptop,CPU,Komputer,NoteBook,HP, Info - info menarik, Cara Buat Blog dll

+++++ WELCOME IN MY BLOG ADAMS KUROSAKI ::: SILAHKAN MELIHAT-LIHAT POSTINGAN SAYA ::: JANGAN LUPA TINGGALKAN KOMENTAR ANDA ::: JANGAN LUPA KLIK IKLAN SUPAYA BLOG INI TERUS MAJU ::: NOT SPAM!!!! ::: NOT SARA!!! ++++

11 Desember 2011

Cara Membuat Scroll Blog Berjalan

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>

kata kunci : Cara Membuat Scroll Pada Blog, Membuat Scroll Blog, Membuat Artikel Blog Berjalan, Membuat Side Bar Pada Blog, Membuat Scrool Blog, Cara Membuat Artikel Blog Berjalan, Membuat Postingan Berjalan, Cara Membuat Scrool Blog, Cara Membuat Scroll Blog Bergerak, Cara Membuat Scrool Di Blog, Membuat Scroll Blog Bergerak, Membuat Setiap Artikel Bergerak, Cara Menampilkan Setiap Artikel Bergerak.

0 komentar:

Posting Komentar