Thursday, December 10, 2015

Cara Membuat Widget Marquee / Widget Berjalan Ke Atas

kali ini admin mau share "cara membuat widget berjalan keatas"
jadi contohnya untuk banner 88x31 jalan ke atas hehe

nah langsung saja yo

caranya :
1. buka blogger dasbor
2. tata letak> add a widget / tambahkan widget
3. pilih HTML/Javascript nah kemudian kamu copy code dibawah ini :


<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="210">Taruh text / script banner anda disini </marquee></div>



200 adalah tinggi kolom link text.
210 adalah lebar nya yang bisa anda ubah sesuai keinginan anda.
Linx text yang di taruh di kolom ini akan berhenti berjalan jika cursor mouse di dekatkan.

Berikut ini Macam-macam untuk tulisan berjalan.

1. Teks Berjalan dari kanan

Selamat Belajar Buat Blog

Berikut kodenya:

<marquee>Selamat Belajar Buat Blog</marquee>
2. Teks Berjalan dari kanan (Bisa diStop)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()">Selamat Belajar Buat Blog</marquee>
3. Teks Berjalan dari Kanan

Selamat Belajar Buat Blog

Berikut Kodenya:

<marquee direction="right">Selamat Belajar Buat Blog</marquee>
4. Teks Berjalan Bolak-Balik

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee behavior="alternate">Selamat Belajar Buat Blog</marquee>
5. Teks Berjalan Bolak-Balik dengan Cepat

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee behavior="alternate" scrollamount="18">Selamat Belajar Buat Blog</marquee>
6. Teks Berjalan Bolak-Balik (Bisa diStop)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Selamat Belajar Buat Blog</marquee>
7. Teks Berjalan ke Atas

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="up">Selamat Belajar Buat Blog</marquee>
8. Teks Berjalan ke Atas (Bisa diStop)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Selamat Belajar Buat Blog</marquee>
9. Teks Berjalan di Tengah Ruang Kasat (ke Atas)

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Selamat Belajar Buat Blog</marquee>
10. Teks Berjalan ke Bawah

Selamat Belajar Buat Blog

Berikut Kodenya:
<marquee direction="down" width="100%" height="100">Selamat Belajar Buat Blog</marquee>
11. Teks Berjalan dengan Variasi Huruf Berwarna Latar

&ltFONT FACE="georgia" color="White">

Selamat Belajar Buat Blog

Berikut kodenya:
<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
Selamat Belajar Buat Blog
</MARQUEE></b></FONT></div>
12. Teks Berjalan dengan Link



Selamat Belajar Buat Blog


Selamat Belajar Buat Blog


Selamat Belajar Buat Blog



Berikut kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://t4belajar-ilmu.blogspot.co.id" target="new">Selamat Belajar Buat Blog</a><br/>

<a href="http://t4belajar-ilmu.blogspot.co.id" target="new">Selamat Belajar Buat Blog</a><br/>

<a href="http://t4belajar-ilmu.blogspot.co.id" target="new">Selamat Belajar Buat Blog</a><br/>

</marquee>
13. Teks Berjalan Bolak-Balik Vertikal dengan Warna Latar


Selamat Belajar Buat Blog

Berikut Kodenya:
<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">
Selamat Belajar Buat Blog</marquee></font>
14. Teks Berjalan dari Kanan dengan Warna Latar

Selamat Belajar Buat Blog

Berikut Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Selamat Belajar Buat Blog</marquee></font>
15. Teks Berjalan kekiri kekanan 3 Kali

Selamat Datang di Blog TTB

Berikut Kodenya:

<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px">Selamat Belajar Buat Blog</marquee></font>
16. Teks Berjalan dengan Efek Bounce

Selamat Datang di Blog TTB

Berikut Kodenya:
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Selamat Belajar Buat Blog</marquee></marquee></font>
17. Teks Berjalan dengan Efek Berhenti Jika Disentuh Kursor

Selamat Datang di Blog TTB

Berikut Kodenya:
<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Selamat Belajar Buat Blog</marquee></font>
18. Teks Berjalan dengan Link disertai dengan Warna Latar

Selamat Belajar Buat Blog
Selamat Belajar Buat Blog

Selamat Belajar Buat Blog
Selamat Belajar Buat Blog
Selamat Belajar Buat BlogBerikut Kodenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#ffff00" scrollamount="2" direction="up" width="100%" height="100" align="left">
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/>
<a href="http://t4belajar-ilmu.blogspot.co.id">Selamat Belajar Buat Blog</a><br/></marquee>
19. Teks Berjalan 4x, Kemudian hilang

Selamat Belajar Buat Blog

Berikut Kodenya:

<marquee bgcolor="#f2f5a9" loop="4">Selamat Belajar Buat Blog</marquee>
Inilah beberapa cara membuat teks berjalan, Sebenarnya masih banyak lagi macam-macam dari tek berjalan ini. Tapi say pikir sampai si sini dulu. Lain kalilah kita perpanjang.

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More