Sabtu, 31 Mei 2014

Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan

Cara Membuat Tulisan Berjalan dan Bergerak Pada Blog, Cara Membuat Kalimat Bergerak dan Berkedip Pada Artikel, Cara Membuat Alamat Link Berjalan dan Bergerak Di Blog
Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan menggunakan efek marquee- Mungkin banyak diantara sahabat blogger yang telah dulu mengenal dan memahami apa itu marquee ?, berhubung saya masih pemula di dunia blogging dan juga baru mengenal kata MARQUEE gak ada salahnya saya share beberapa model efek marquee di artikel kali ini, ya... hitung-hitung memperbanyak koleksi perkenalan kode marquee ke sahabat lain gitu..!! hehe..

Ok..! dech tanpa basa-basi lagi langsung aja kita meluncur ke topik Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan di bawah ini :
Cara Membuat Teks Berjalan Dan Bergerak Dengan Efek Marquee - yang kita kenal sebagai marquee itu menggunakan perkodean CSS HTML, marquee menyisipkan kode script yang mana awal kode scriptnya <marquee> dan akhiri dengan kode script penutup </marquee>

<< MACAM >><< MACAM >>
EFEK KODE MARQUEE
- Marquee tanpa Atribut -
Silahkan tinggal di copy aja kode html dibawah ini

<*marquee>TEKS INI AKAN BERJALAN</marquee>

Hasilnya :KALIMAT INI AKAN BERJALAN

Marquee dengan Atribut
- Scrollamount = Kecepatan kalimat, semakin besar angka maka kalimat berjalan cepat
- Direction = Pengaturan gaya arah kalimat berjalan
- Bgcolor = Pengaturan warna kalimat atau Teks berjalan
- Behavior = Pengaturan gaya kalimat bejalan
- Scrolldelay = Pengaturan gaya kalimat yang ditentukan dengan detik/mil

- Marquee dengan Atribut -
Silahkan tinggal di copy aja kode html dibawah ini

<*marquee scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<*marquee direction="left" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<*marquee behavior="alternate" scrollamount="15">TEKS INI AKAN BERJALAN</marquee>
<*marquee direction="right"scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<*marquee direction="right" scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<*marquee bgcolor="red">TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN

- Marquee dengan penggabungan beberapa Atribut -
Silahkan tinggal di copy aja kode html dibawah ini

<*marquee loop="5">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="right" style="background-color: green;" width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee direction="left" style="background-color: blue;" width="125">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee style="font-style: italic;">KALIMAT MIRING AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN
KALIMAT MIRING AKAN BERJALAN

- Marquee dengan penggabungan Atribut sesuai perintah Klik Mouse -
Silahkan tinggal di copy aja kode html dibawah ini

<*marquee onmouseout="this.start()" onmouseover="this.stop()">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="up" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="down" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN

- Marquee dengan perpaduan Atribut Style -
Silahkan tinggal di copy aja kode html dibawah ini

<*marquee direction="right" scrollamount="225" width="200">KALIMAT INI AKAN BERKEDIP</marquee>
<*marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<*marquee scrollamount="1">Kembali ke <a href="http://sahabatblogger77.blogspot.com/2013/12/mempercantik-tampilan-blog-dengan-membuat-teks-berjalan.html" target="_blank">Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</a><marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan

Kisses Comments Pictures
= Salam Blogger =

Tidak ada komentar:

Posting Komentar