Ditulis Oleh : Unknown
23 Nov 2013
Mempercantik Tampilan Blog Dengan Membuat Tulisan Berjalan dan Bergerak, Cara Membuat Kalimat Bergerak dan Berkedip Pada Artikel, Cara Membuat Alamat Link Berjalan dan Bergerak Pada Blog
Terhalang karena banyaknya aktifitas saya akhir-akhir ini, hingga memaksa untuk berkonsentrasi pada tugas-tugas dikantor, yang akhirnya nge-posting di blog sedikit terabaikan membuat saya bingung harus berbagi hal menarik apa yang akan saya share ke sahabat blogger di artikel saya kali ini.
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 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 Cara Membuat Tampilan Blog Menarik Dengan Teks Bejalan di bawah ini :
Cara Membuat Tampilan Blog Menarik Dengan Teks Berjalan - yang kita kenal sebagai marquee itu menggunakan perkodean HTML, pada dasarnya jika kita telah mahir dalam perkodean html tidaklah begitu susah dalam membuat tulisan berjalan, marquee menyisipkan kode script yang mana awal kode scriptnya <marquee> dan akhiri dengan kode script penutup </marquee>
EFEK KODE MARQUEE
- Marquee tanpa Atribut -Silahkan tinggal di copy aja kode html dalam kotak dibawah ini
<*marquee>KALIMAT INI AKAN BERJALAN</marquee>
Hasilnya :Marquee dengan Atribut
Atibut disini bisa kita sisipkan sebagai hiasan atau gaya kalimat yang kita kehendaki seperti :
- 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 dalam kotak dibawah ini
<*marquee scrollamount="100">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="left" scrollamount="10">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee behavior="alternate" scrollamount="15">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="right"scrollamount="10">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="right" scrollamount="100">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee bgcolor="red">KALIMAT INI AKAN BERJALAN</marquee>
Hasilnya :<*marquee direction="left" scrollamount="10">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee behavior="alternate" scrollamount="15">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="right"scrollamount="10">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="right" scrollamount="100">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee bgcolor="red">KALIMAT INI AKAN BERJALAN</marquee>
- Marquee dengan penggabungan beberapa Atribut -
Silahkan tinggal di copy aja kode html dalam kotak 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 :<*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 dengan penggabungan Atribut sesuai perintah Klik Mouse -
Silahkan tinggal di copy aja kode html dalam kotak 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 :<*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>
Silahkan tinggal di copy aja kode html dalam kotak 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://berkarya44.blogspot.com/2013/11/cara-membuat-tampilan-blog-menarik-dengan-tulisan-berjalan.html" target="_blank">Cara Membuat Tampilan Blog Menarik Dengan Tulisan Berjalan</a><marquee>
Hasilnya :<*marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<*marquee scrollamount="1">Kembali ke <a href="http://berkarya44.blogspot.com/2013/11/cara-membuat-tampilan-blog-menarik-dengan-tulisan-berjalan.html" target="_blank">Cara Membuat Tampilan Blog Menarik Dengan Tulisan Berjalan</a><marquee>
Judul= Cara Membuat Tampilan Blog Menarik Dengan Teks Berjalan
Ditulis oleh= Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip (meng-Copy), baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke >> Ditulis oleh= Unknown
Rating Blog 5 dari 5
= TERIMA KASIH =
Temukan Yang Kamu Cari Di Sini
- Home
- CSS Widget
- Cara Membuat Tampilan Blog Menarik Dengan Teks Berjalan
Silahkan Tinggalkan PESAN dan KESAN sahabat setelah membaca Artikel ini >>
1. akan TERHAPUS otomatis
2. Mari berbagi, berdiskusi dengan berkomentar yang efektif dan membangun
3. Berkomentar hari ini, maka hari itu juga saya akan berkunjung ke Blog sahabat
artikelnya keren gan, mhon izin untuk di copy css marqueenya untuk blog saya
BalasHapusterimakasih
silahkan sob.moga dapat bermanfaat
Hapus