Cara Membuat Tulisan Berjalan Di Blog Dengan Berbagai Macam Variasi

Admin nip

Wednesday, 12 March 2014

Hallo :)
maaf nih baru bisa pos T_T karena ane lagi sakit T_T . yaudah sekarang ane share Tutorial blog aja ya :)

Tulisan berjalan ini berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog kalian. Tulisan berjalan bisa juga disebut Marquee,, kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee.

Perlu kalian ketahui bahwa kode dasar Marquee adalah..

<marquee>TEKS YANG BERGERAK</marquee>  

Kode diatas akan menjadi seperti ini

TEKS YANG BERGERAK

Jadi, dengan mengerti kode dasar diatas, kalian bisa membuat bermacam-macam variasi Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untuk pemasangan kode Marquee ini,
yaitu untuk Widget dan artikel..

Cara memasang kode Marquee pada artikel

• Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML

• Silahkan masukkan kode Marquee di mode HTML

• Cek posisi teks di mode Compose
• Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 

Cara memasang kode Marquee pada widget

• Login ke akun blogger kalian 
• Masuk ke menu Tata Letak, 

• Klik tambahkan gadget Silahkan pilih HTML/Java Script 

• Masukkan kode Marquee yang kalian pilih 

• Silahkan klik Simpan 
• Kemudian silahkan cek apakah kode sudah bekerja. 

Supaya lebih jelas dan tidak bingung, mari kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah

style="font-family: Arial; font-size:20px; color:#003cff;"

• Merah adalah jenis font
• Biru adalah ukuran font
• Hijau adalah warna font

Silahkan ubah sesuai dengan kebutuhan kalian

Contoh kode nya seperti ini..

<marquee bgcolor="black" style="font-family: Arial; font-size:20px; color:#003cff;">Kira Kira Seperti Ini</marquee>

Kira Kira Seperti Ini
nah kira kira seperti itu...
oh iya yang warna Orange itu adalah background teks ... kamu bisa ganti sesuai kebutuhan

Kode Marquee untuk mengatur lebar teks

Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan.
Bisa kalian atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:

<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee> 

Keterangan: Angka 50% bisa kalian ganti sesuai lebar bidang yang kalian inginkan.
Hasilnya akan terlihat seperti ini


LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG


Kode Marquee untuk memberi link pada teks

Kode dasar seperti ini..

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:

<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://www.aanip.tk/2014/03/cara-membuat-tulisan-berjalan-di-blog.html">CARA MEMBUAT KODE MARQUEE</a></marquee>

Hasilnya akan terlihat seperti ini..


CARA MEMBUAT KODE MARQUEE
Catatan:
Warna merah adalah link url yang akan dituju .. sobat bisa ganti

Kode Marquee untuk mengatur kecepatan jeda

Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:

<marquee scrolldelay="250">TEKS BERJALAN DALAM JEDA 0,25 DETIK</marquee>

Catatan: Angka 250 itu untuk jeda dalam 0,25 detik.
Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..


TEKS BERJALAN DALAM JEDA 0,25 DETIK

Kode Marquee untuk memberi Alt Title pada area teks berjalan 

Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>

Hasilnya seperti ini..

TEKS YANG BERJALAN DENGAN PESAN

Kode Marquee untuk mengatur kecepatan teks berjalan

Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:
<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 15</marquee>

Keterangan: angka 15 bisa kalian ganti sesuai kecepatan yang kalian sukai.
Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..

KECEPATAN TEKS YANG BERJALAN 15

hmmm...
kaya nya segitu aja, yang bisa saya share :)
Sekian Artikel dari saya :)
Semoga Bermanfaat :)

Postingan Kelas: Blogger, Tutorial