Kamis, 20 Oktober 2011

cara membuat kotak scroll

Nah, ni dia neh, salah satu cara untuk menghemat ruangan dalam blog kita, skalian juga membuat tampilannya juga makin cakep. Itu menurut saya :D. Kotak ini dapat kita isi dengan daftar dari postingan atau daftar dari link para sobat ataupun daftar dari yang lainnya.

Oke deh, dari pada banyak ngalor ngidulnya, langsung aja menuju tutorialnya.

Untuk itu silahkan ikuti langkah langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Paste script di bawah ke halaman conten HTML/JavaScript tersebut


<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">


<li><a href="http://bhians.blogspot.com/2009/02/membuat-kotak-scroll.html" target="_blank"> Membuat Kotak Scroll</a></li>

<li><a href="http://bhians.blogspot.com/2009/02/tips-utak-atik-html.html" target="_blank"> Tips Utak Atik HTML</a></li>


</div>


7. Silahkan anda ganti script yang berwarna hijau dengan script milik anda
8. Klik Simpan
9. Selesai


Dan Yang ini Untuk Membuat Kotak Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.


Selamat mencoba, semoga bermanfaat

Tidak ada komentar:

Posting Komentar