Selasa, 21 Mei 2013


Text Bergerak / Scrolling Text

Text bergerak Text bergerak

Gambar diatas adalah contoh teks bergerak,kalian ingin mencobanya silahkan ikuti petunjuknya:
  1. Klik Tata letak
  2. Pilih Html/Javascript
  3. Lalu copy kode dibawah ini:


<marquee bgcolor="#FFFFFF" direction="right" >Text bergerak</marquee>
Direction text - kiri:
<marquee bgcolor="#FFFFFF" direction="left" >Text bergerak</marquee>
Direction text - atas:
<marquee bgcolor="#FFFFFF" direction="up" >Text bergerak</marquee>
Direction text - bawah:
<marquee bgcolor="#FFFFFF" direction="down" >Text bergerak</marquee>


       4. Kemudian simpan dan lihat dulu di Pratinjau, jika kalian suka baru tekan publikasikan.

* Teks bergerak : kalian bisa tulis apa saja yang kalian inginkan
* untuk yang berwarna ungu : itu adalah kode pilihan warna kalian bisa lihat disini:
  

FF62B0
FE67EB
E469FE
D568FD
9669FE
FF73B9
FE67EB
E77AFE
D97BFD
A27AFE
FF86C2
FE8BF0
EA8DFE
DD88FD
AD8BFE
FF97CB
FE98F1
ED9EFE
E29BFD
B89AFE
FFA8D3
FEA9F3
EFA9FE
E7A9FE
C4ABFE
FFBBDD
FFBBF7
F2BCFE
EDBEFE
D0BCFE
FFC8E3
FFCAF9
F5CAFF
F0CBFE
DDCEFF
FFDFEF
FFDBFB
F9D9FF
F4DCFE
E6DBFF
FFECF5
FFEEFD
FDF2FF
FAECFF
F1ECFF
FFF9FC
FFF9FE
FFFDFF
FDF9FF
FBF9FF
9A03FE
892EE4
3923D6
2966B8
23819C
A827FE
9B4EE9
6755E3
2F74D0
2897B7
B445FE
A55FEB
8678E9
4985D6
2FAACE
BD5CFE
AE70ED
9588EC
6094DB
44B4D5
C269FE
AE70ED
A095EE
7BA7E1
57BCD9
CD85FE
C79BF2
B0A7F1
8EB4E6
7BCAE1
D698FE
CEA8F4
BCB4F3
A9C5EB
8CD1E6
DFB0FF
DBBFF7
CBC5F5
BAD0EF
A5DBEB
E8C6FF
E1CAF9
D7D1F8
CEDEF4
B8E2EF
EFD7FF
EDDFFB
E3E0FA
E0EAF8
C9EAF3
F9EEFF
F5EEFD
EFEDFC
EAF1FB
DBF0F7
FEFDFF
FEFDFF
F7F5FE
F8FBFE
EAF7FB
62D0FF
06DCFB
01FCEF
03EBA6
01F33E


OK....Selamat Mencoba ya....
*Tampilkan yang terbaik*
KREASI

Gambar Bergerak (Scrolling Image)

 
Scrolling images adalah gambar bergerak,dimana pergerakannya diatur oleh kita sendiri. Scrolling image ini bisa diletakkan dimana saja pada blog, seperti pada header, footer, sidebar ataupun ruang post.
Berikut adalah kode untuk scrolling image. Copy kode di bawah dan letak pada blog sesuka hati kalian . Untuk cara pasang kode html dalam blog ikuti tutorial dibawah ini ya.....

  1. Buka akun Blogger kalian
  2. Klik Tata Letak dan add gadget lalu pilih html/java script
  3. Masukkan kode berikut :

 <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link pautan gambar" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>
   
      4. Lalu tekan save


Catatan :

up - arah pergerakan gambar. Boleh tukar dengan left, right, up atau down
2 -
kecepatan pergerakan gambar
link pautan gambar
- url untuk dibuka apabila gambar diklik
url gambar -
url gambar yang hendak dipamerkan.

Kalian bisa lihat url gambar di sini,pilih yang kalian suka ya..




http://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/552/552023m5dr44t01s.gif" width=73 height=102 border=0>



http://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/1223/1223467ngn04mnj39.gif" width=100 height=120 border=0>



http://www.glitter-graphics.com"><img src="http://dl2.glitter-graphics.net/pub/704/704912m2vzw333oh.gif"


http://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/744/744123tqvbps04sn.gif" width=152 height=266 border=0>


Ok....selamat mencoba semoga berhasil ya....


 
*Tampilkan yang terbaik*
KREASI