Welcome To Awas Ada Boy Jangan Lupa Difollow Ya Silahkan Menikmati Artikel Dari Blog Kami Yang Ada Disini


Rabu, 20 Juli 2011

Cara membuat Tulisan Berjalan Diblog

Teks atau Tulisan berjalan merupakan merupaka salah satu efek teks atau link yang akan membuat tampilan blog semakin menarik. Banyak blogger yang mengunakan Efek Tulisan Berjalan / Bergerak ini pada blognya. Baik itu pada BLOGROLL, IKLAN, maupun link yang lainnya. Teks atau Tulisan berjalan ini bisa di pasang di artikel blog, atau di SidebarBlog. Jika ingin membuat Tulisan Berjalan dengan Link, cukup anda cukup memberikan link pada Teks / Tulisan Berjalannya. Kalau belum tahu bagaiman cara membuat link, silahkan baca artikelnya DISINI. Setelah membaca artikel tersebuat anda bisa membuat berbagai macam cara membuat Link mulai dari yang biasa sampai yang luar biasa. Selain itu efek Teks / Tulisan Berjalan ini juga bisa digunakan untuk Membuat Widget Blog Berjalan seperti yang dilakukan oleh kebanyakan Blogger Blogspot. Caranya sangat mudah, tinggal mengganti Teks atau Tulisannya Berjalannya dengan kode Widget Blog maka widget blog akan berjalan sesuai dengan keinginan anda.

Teks atau Tulisan Berjalan adalah..... teks / tulisan yang berjalan tanpa menggunakan kaki. hehe....
Maksud saya ini :

TEKS BERJALAN TANPA MENGGUNAKAN KAKI


Jika anda ingin membuatnya di blog anda, berikut ini saya share Beberapa Cara Membuat Efek Teks / Tulisan Berjalan di Blog....


  • TEKS / TULISAN BERJALAN EFEK BISA
Kodenya :
TEKS / TULISAN BERJALAN EFEK BIASA

Hasilnya :

TEKS / TULISAN BERJALAN EFEK BIASA


  • TEKS / TULISAN BERJALAN DENGAN MENGATUR KECEPATAN
Sama seperti efek teks berjalan diatas, bedanya penambahan kode  scrollamount="ANGKA" membuat teks / tulisan berjalan bisa diatur kecepatan berjalannnya. Semakin besar angka scrollamountnya, semakin cepat teks berjalan.
Berikut contoh beberapa kodenya dengan kecepatan berbeda :

scrollamount="2">TEKS / TULISAN BERJALAN (2)
scrollamount="4">TEKS / TULISAN BERJALAN (4)
scrollamount="6">TEKS / TULISAN BERJALAN (6)
scrollamount="8">TEKS / TULISAN BERJALAN (8)
scrollamount="10">TEKS / TULISAN BERJALAN (10)

Hasilnya :


TEKS / TULISAN BERJALAN (2)

TEKS / TULISAN BERJALAN (4)

TEKS / TULISAN BERJALAN (6)

TEKS / TULISAN BERJALAN (8)

TEKS / TULISAN BERJALAN (10)


  • TEKS / TULISAN BERJALAN  KE KANAN, ATAS, dan BAWAH
Secara default, teks akan berjalan ke arah kiri. Untuk membuatnya berjalan ke arah sebaliknya tambahkan kode direction="right" seperti contoh di bawah ini :

direction="right">TEKS ATAU TULISAN BERJALAN KE KANAN


Hasilnya :

TEKS ATAU TULISAN BERJALAN KE KANAN


Untuk membuatnya berjalan ke ATAS atau ke BAWAH, cukup ganti perintah RIGHT menjadi UP untuk berjalan ke atas, dan DOWN untuk berjalan ke bawah. Khusus untuk perintah Berjalan ke atas atau ke bawah, sebaiknya tambahkan pengaturan Lebar (WIDTH) dan Tinggi (HEIGHT) supaya TEKS ATAU TULISAN BERJALAN tidak berjalan terlalu tinggi atau terlalu pendek. Contoh kodenya seperti ini :

up" width="100%" height="50">TEKS ATAU TULISAN BERJALAN KE ATAS / NAIK
down" width="100%" height="50">TEKS ATAU TULISAN BERJALAN KE BAWAH / TURUN

Hasilnya :
Bergerak ke ATAS / NAIK

TEKS ATAU TULISAN BERJALAN KE ATAS / NAIK



Bergerak ke BAWAH / TURUN

TEKS ATAU TULISAN BERJALAN KE BAWAH / TURUN


  • TEKS / TULISAN BERJALAN MONDAR MANDIR
Untuk membuat Teks atau Tulisannya berjalan mondar mandir, kode yang ditambahkan adalah behavior="alternate". Contoh penambahan kodenya seperti ini :

behavior="alternate">TEKS / TULISAN BERJALAN MONDAR MANDIR

Hasilnya :

TEKS / TULISAN BERJALAN MONDAR MANDIR


  • TEKS /TULISAN BERJALAN DAN BERHENTI
TEKS / TULISAN BERJALAN akan berhenti saat disentuh mouse / cursor dengan menaambahkan kode onmouseover="this.stop()"  dan akan berjalan lagi jika mouse / cursor dipindahkan dengan menambahkan kode onmouseover="this.start()" .

Contoh kodenya seperti ini :

onmouseover="this.stop()" onmouseout="this.start()">TEKS / TULISAN MONDAR MANDIR LALU BERHENTI

Hasilnya :

TEKS / TULISAN MONDAR MANDIR LALU BERHENTI

Silahkan sentuh tulisannya dengan anak panah / cursor mouse anda untuk melihat hasinya.
Jika ingin memberikan background atau latar warna pada TEKS ATAU TULISAN BERJALAN, cukup menmbahkan kode bgcolor="KODE WARNA"

Contoh kodenya seperti ini :

bgcolor="#00FF00">TEKS / TULISAN BERJALAN

Hasilnya :

TEKS / TULISAN BERJALAN


KODE #00FF00 adalah kode warna HIJAU.
Silahkan ganti kodenya dengan kode warna yang anda inginkan. Untuk melihat kode warna, silahkan klik tulisan "KODE WARNA"  yang terletak pada bagian atas ( header ) Blog ini. Tepatnya disamping kiri bawah logo BLOGGERBUGIS.

Jika ingin membuat WIDGET di sidebar anda berjalan, cukup ganti tulisan "TEKS / TULISAN BERJALAN" dengan KODE WIDGET ANDA.
Bagaimana SOB... Tutorial Membuat Teks atau Tulisan Berjalan BLOGGERBUGIS cukup jelas ???
Kalau kurang jelas, silhkan sampaikan di kotak komentar.
Semoga hari anda menyenangkan,.. HAPPY BLOGGING............




0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews