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 - yang kita kenal sebagai marquee itu menggunakan perkodean CSS HTML, cara membuatnya pun terbilang mudah, cukup menuliskan kode <marquee> di awal teks, dan akhiri dengan kode penutup </marquee> di akhir teks seperti ini:
Berikut beberapa model MARQUEE yang dapat Anda gunakan untuk Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan:
1. Marquee Tanpa Atribut
Silahkan tinggal di copy aja kode html dibawah ini
Hasilnya : TEKS INI AKAN BERJALAN
2. 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
Silahkan tinggal di copy aja kode html dibawah ini
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
3. Marquee Dengan Penggabungan Beberapa Atribut
Silahkan tinggal di copy aja kode html dibawah ini
Hasilnya : KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN KALIMAT MIRING AKAN BERJALAN
4. Marquee Dengan Penggabungan Atribut Sesuai Perintah Mouse
Atribut berikut dapat Anda tambahkan untuk memanggil perintah pointer mouse. Singkatnya, efek teks akan berhenti saat panah mouse Anda melintasi/berada pada teks, dan sebaliknya teks akan kembali berjalan saat pointer mouse di lepas.
Silahkan tinggal di copy aja kode html dibawah ini
Hasilnya : KALIMAT INI AKAN BERJALAN
5. Marquee Dengan Perpaduan Atribut Style
Hasilnya : KALIMAT INI AKAN BERJALAN KALIMAT INI AKAN BERJALAN Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan
Beberapa kode pada artikel ini, sudah saya benarkan atau saya perbaharui agar memudahkan Anda dalam menerapkan efek ini pada tulisan blog Anda, sebagai referensi panduan buat sahabat semua pecinta SAHABAT BLOGGER 77, berikut beberapa desain terbaru untuk membuat tampilan efek pada teks atau tulisan. Semoga tutorial ini dapat memberikan Anda inspirasi, untuk berbagi hal-hal menarik lainnya di sini. Terimakasih
Ok..! dech tanpa basa-basi lagi langsung aja kita meluncur ke topik Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan - yang kita kenal sebagai marquee itu menggunakan perkodean CSS HTML, cara membuatnya pun terbilang mudah, cukup menuliskan kode <marquee> di awal teks, dan akhiri dengan kode penutup </marquee> di akhir teks seperti ini:
<< MACAM >><< MACAM >>
EFEK TEKS DENGAN MARQUEE
Berikut beberapa model MARQUEE yang dapat Anda gunakan untuk Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan:
1. Marquee Tanpa Atribut
Silahkan tinggal di copy aja kode html dibawah ini
<marquee>TEKS INI AKAN BERJALAN</marquee>
Hasilnya : TEKS INI AKAN BERJALAN
2. 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
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>
<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
3. 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>
<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
4. Marquee Dengan Penggabungan Atribut Sesuai Perintah Mouse
Atribut berikut dapat Anda tambahkan untuk memanggil perintah pointer mouse. Singkatnya, efek teks akan berhenti saat panah mouse Anda melintasi/berada pada teks, dan sebaliknya teks akan kembali berjalan saat pointer mouse di lepas.
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>
<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
5. Marquee Dengan Perpaduan Atribut Style
<marquee direction="right" scrollamount="225" width="200">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</marquee>
<marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</marquee>
Hasilnya : KALIMAT INI AKAN BERJALAN KALIMAT INI AKAN BERJALAN Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan
Beberapa kode pada artikel ini, sudah saya benarkan atau saya perbaharui agar memudahkan Anda dalam menerapkan efek ini pada tulisan blog Anda, sebagai referensi panduan buat sahabat semua pecinta SAHABAT BLOGGER 77, berikut beberapa desain terbaru untuk membuat tampilan efek pada teks atau tulisan. Semoga tutorial ini dapat memberikan Anda inspirasi, untuk berbagi hal-hal menarik lainnya di sini. Terimakasih
sumber : http://sahabatblogger77.blogspot.com/2013/12/mempercantik-tampilan-blog-dengan-membuat-teks-berjalan.html
No comments:
Post a Comment