07 August 2009

Membuat teks bergerak/berjalan

Untuk teks,link image atau yang lainnya supaya bisa bergerak kita hanya perlu memasukkan kode berikut ini :

1. Model Text Area
Model ini mempunyai batas dan ukuran jadi kalau link yang di masukkan banyak melebihi batas akan timbul roll bar di sampingnya.
Cranya :

- Layout
- Add gadget
- Pilih Html/javascrip
- Copi code berikut :

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

<a href="http://alamat link/" target="_blank">tittle</a><br />

</div>

Yang perlu di edit..?
width: 200px; : Ukuran panjang text area
height: 200px; : Ukuruan lebar text area
alamat link : ganti dengan alamat link anda,tittle ganti dengan apa yang anda inginkan,jika link tidak ingin berada di garis baru buang saja code <br />

2. Model Marque
Model marque ini teks akan bergerak dari atas ke bawah/dari bawah ke atas dan juga bisa dari kiri ke kanan juga bisa sebaliknya.
- Copi code berikut :

<MARQUEE align="center" direction="up" height="100" scrollamount= "2"

onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

<a href="http://alamat link/" target="_blank">tittle</a><br />

</marquee>


Yang perlu di edit..?
Up : Pergerakan link bisa kamu ganti dengan down, left, right
height="100" : Ukuran tinggi ubah sesuaikan dengan blog anda

3. Gabungan Text Area Dan Marque
- Copi code berikut :

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
<marquee direction="up" width="95%" scrollamount="2"

onmouseover="this.stop()" onmouseout="this.start()" height="200" align="center">

<a href="http://alamat link/" target="_blank">tittle</a>


</marquee>
</div>


Yang perlu di edit..?
width: 200px; height: 200px; Ukuran panjang dan lebar
height="200" Ukuran tinggi
alamat link
tittle

Selesai..!

0 comments:

Post a Comment

Blog Archive

Video