Type something and hit enter

author photo
By On
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>

Tulisan Berjalan dari Kiri

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 CaraMaster</marquee>

Teks Bergerak dari CaraMaster

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>

Modar-Mandir Sesukanya

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/">Caranya Center</a><br/>
<a href="http://caramaster.blogspot.com/">Pusat Caranya </a><br/>
<a href="http://fblogame.blogspot.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://caramaster.blogspot.com/">Raja Caranya </a><br/>
<a href="http://fblogame.blogspot.com/">Menerima Iklan </a><br/>
</marquee>

Caranya Center
Pusat Caranya
Menerima Iklan
Caranya Pusat
Raja Caranya
Menerima Iklan


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>

Contoh Marquee Berlatar

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 :
  1. Login ke akun blogspotmu
  2. Pilih menu Tata Letak atau Layout jika menggunakan bahasa Inggris
  3. 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.
  4. Lalu cari pembuatan widget yang bertuliskan "HTML/JavaScript" dan kilik tanda tambah-nya (+)
  5. Nah, tinggal kamu paste salah satu kode tulisan berjalan yang telah kami sediakan di atas. Dan terakhir, 'Save'
Sebenarnya kalau sudah paham akan sangat mudah menerapkannya. Hanya saja kalau yang newbie mungkin masih akan bingung. Untuk itu, perlu dilakukan praktek berulang-ulang agar mahir dan paham betul trik tulisan berjalan di atas.

Kami hanya berharap agar sharing Caranya Membuat tulisan Berjalan (marquee) Di Blog (Tulisan Bergerak) ini bisa bermanfaat bagi semua blogger yang membutuhkannya. Dan perlu pula diketahui bahwa dalam blog ini dishare begitu banyak sekali tips soal blogging, misalnya saja Caranya Membuat Blog SEO Friendly dan Ranking 1 di Google dan Caranya Setting Modem Smartfren biar Cepat

Click to comment