Caranya Membuat tulisan Berjalan (marquee) Di Blog (Tulisan Bergerak)
http://wikicaranya.blogspot.com/2013/10/caranya-membuat-tulisan-berjalan.html
Caranya Membuat tulisan Berjalan (marquee) Di Blog (Tulisan Bergerak) banyak sekali jenisnya, mulai dari yang bergerak dari bawah ke atas dan sebaliknya, dari kiri ke kanan dan sebaliknya, atau ada juga yang muncul di tengah kemudian bergerak saling menjauh. Semua trik di atas akan kami share di sini seCaranya lengkap dengan contohnya untuk meyakinkan anda bahwa tutorial yang kami sampaikan dapat dipraktekkan langsung di blog.
Tujuan penggunaan gaya tampilan tulisan berjalan di blog atau yang lebih dikenal dengan istilah Marquee ini adalah untuk menciptakan blog yang tampak lebih interaktif sehingga memancing mata pengunjung untuk lebih memperhatikan apa yang kita tampilkan dengan model seperti itu, dan kala mengandung link akan membuatnya lebih mudah diklik.
Banyak sekali blogger yang senang dengan trik marquee karena dengan berbagai alasan, misalnya saja kalau banner di buat berjalan maka akan mengirit banyak space di tempat pemasangan iklan karena lebih banyak yang bisa ditampilkan dari pada yang model statis, selain itu ia akan lebih menarik dan menghasilkan lebih banyak kunjungan untuk banner partner yang bekerjasama dengan kita. Nah, berikut bebera jenisnya :
1. Marquee menentukan arah munculnya tulisan :
<marquee direction="left">Tulisan Berjalan dari Kiri</marquee>
Kamu bisa mengganti arah munculnya dengan mengganti tulisan left jadi 'right' agar tulisannya muncul dari kanan.
2. Tulisan berjalan jika hover atau terkena kursor mouse akan berhenti
<marquee direction ="left"onmouseover="this.stop()" onmouseout="this.start()">Teks Bergerak dari WIKI CARANYA</marquee>
Coba kamu coba arahkan mousenya, maka seCaranya otomatis huruf atau tulisannya akan berhenti. Tapi, bila dilepas ia akan bergerak lagi seperti semula.
3. Teks bergerak dari bawah ke atas
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> silahkan tunjuk ke sini </marquee>
Kode di atas menggabungkan antara model berjalan dari bawah ke atas dan berhenti jika diarahkan mouse. Selain itu, tulisan 50% tersebut untuk mengatur labar tempat teks modar mandir untuk menyesuaikan dengan lebar tempat kamu memasangnya.
4. Kode Iklan atau Teks Berjalan yang saling menjauh
Di bawah ini adalah hasil kreasi sobat blogger saya yang sudah malang-melintang dalam dunia otak atik script seperti ini, yaitu Krtutorplus.com.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://wikicaranya.blogspot.com/">Theherba</a><br/>
<a href="http://Penjualmainananak.com/">Pusat Caranya </a><br/>
<a href="http://Kupasangiklan.com/">Menerima Iklan </a><br/>
</marquee>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
<a href="http://wikicaranya.blogspot.com/">Caranya Pusat</a><br/>
<a href="http://Penjualmainananak.com/">Raja Caranya </a><br/>
<a href="http://kupasangiklan.com/">Menerima Iklan </a><br/>
</marquee>
Kode di atas menerapkan berbagai model, di antaranya bisa menentukan lebar gerak dengan persentase, bisa stop kalau terkena kursor, ada linknya serta sesuai dengan judul sub yang disampaikan.
5. Contoh Teks Goyang dengan Background
<marquee bgcolor="pink" style="font-family: Arial; font-size:16px; color: #801c0c;">Contoh Marquee Berlatar</marquee>
Tinggal ganti saja jenis fontnya dan warna yang kamu inginkan. Selain itu, besar teks yang muncul juga bisa disesuaikan dengan keinginan kita jadi semakin interaktif saja.
Untuk menerapkannya dalam blogmu tidaklah sulit, cukup kamu lakukan beberapa langkah berikut ini :
Busana anak syar'i https://www.instagram.com/anayakids.official/
Busana keluarga syar'i https://www.instagram.com/ym_project/
Tujuan penggunaan gaya tampilan tulisan berjalan di blog atau yang lebih dikenal dengan istilah Marquee ini adalah untuk menciptakan blog yang tampak lebih interaktif sehingga memancing mata pengunjung untuk lebih memperhatikan apa yang kita tampilkan dengan model seperti itu, dan kala mengandung link akan membuatnya lebih mudah diklik.
Banyak sekali blogger yang senang dengan trik marquee karena dengan berbagai alasan, misalnya saja kalau banner di buat berjalan maka akan mengirit banyak space di tempat pemasangan iklan karena lebih banyak yang bisa ditampilkan dari pada yang model statis, selain itu ia akan lebih menarik dan menghasilkan lebih banyak kunjungan untuk banner partner yang bekerjasama dengan kita. Nah, berikut bebera jenisnya :
1. Marquee menentukan arah munculnya tulisan :
<marquee direction="left">Tulisan Berjalan dari Kiri</marquee>
Kamu bisa mengganti arah munculnya dengan mengganti tulisan left jadi 'right' agar tulisannya muncul dari kanan.
2. Tulisan berjalan jika hover atau terkena kursor mouse akan berhenti
<marquee direction ="left"onmouseover="this.stop()" onmouseout="this.start()">Teks Bergerak dari WIKI CARANYA</marquee>
Coba kamu coba arahkan mousenya, maka seCaranya otomatis huruf atau tulisannya akan berhenti. Tapi, bila dilepas ia akan bergerak lagi seperti semula.
3. Teks bergerak dari bawah ke atas
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> silahkan tunjuk ke sini </marquee>
Kode di atas menggabungkan antara model berjalan dari bawah ke atas dan berhenti jika diarahkan mouse. Selain itu, tulisan 50% tersebut untuk mengatur labar tempat teks modar mandir untuk menyesuaikan dengan lebar tempat kamu memasangnya.
4. Kode Iklan atau Teks Berjalan yang saling menjauh
Di bawah ini adalah hasil kreasi sobat blogger saya yang sudah malang-melintang dalam dunia otak atik script seperti ini, yaitu Krtutorplus.com.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://wikicaranya.blogspot.com/">Theherba</a><br/>
<a href="http://Penjualmainananak.com/">Pusat Caranya </a><br/>
<a href="http://Kupasangiklan.com/">Menerima Iklan </a><br/>
</marquee>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
<a href="http://wikicaranya.blogspot.com/">Caranya Pusat</a><br/>
<a href="http://Penjualmainananak.com/">Raja Caranya </a><br/>
<a href="http://kupasangiklan.com/">Menerima Iklan </a><br/>
</marquee>
Kode di atas menerapkan berbagai model, di antaranya bisa menentukan lebar gerak dengan persentase, bisa stop kalau terkena kursor, ada linknya serta sesuai dengan judul sub yang disampaikan.
5. Contoh Teks Goyang dengan Background
<marquee bgcolor="pink" style="font-family: Arial; font-size:16px; color: #801c0c;">Contoh Marquee Berlatar</marquee>
Tinggal ganti saja jenis fontnya dan warna yang kamu inginkan. Selain itu, besar teks yang muncul juga bisa disesuaikan dengan keinginan kita jadi semakin interaktif saja.
Untuk menerapkannya dalam blogmu tidaklah sulit, cukup kamu lakukan beberapa langkah berikut ini :
- Login ke akun blogspotmu
- Pilih menu Tata Letak atau Layout jika menggunakan bahasa Inggris
- Lalu buat widget baru dengan mengklik tulisan kecil "Tambahkan Gadget" di tempat yang mau kamu beri Marquee. Bisa di sidebar, header, footer atau apa saja yang kamu inginkan. Kadang kalau menggunakan bahasa Inggris maka tulisannya bisa saja "New Widget" atau selainnya.
- Lalu cari pembuatan widget yang bertuliskan "HTML/JavaScript" dan kilik tanda tambah-nya (+)
- Nah, tinggal kamu paste salah satu kode tulisan berjalan yang telah kami sediakan di atas. Dan terakhir, 'Save'
Busana anak syar'i https://www.instagram.com/anayakids.official/
Busana keluarga syar'i https://www.instagram.com/ym_project/
