Saturday, September 22, 2012

Membuat Running Text di Blog

Sebelumnya ada bertanya tentang cara membuat teks berjalan di bawah Blog atau lebih dikenal dengan nama Marquee Text, Nah kali ini saya akan memberikan tutorialnya. Baiklah tanpa basa-basi berikut ini cara membuat teks berjalan di bawah Blog:

1. Login ke Blogger -> Edit HTML
2. Cari kode ]]></b:skin>
3. Simpan kode berikut ini di atas kode ]]></b:skin>

#running_teks {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
background:#666699;
_top:expression(document.documentElement.scrollTop +
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLe ft+ document.documentElement.clientWidth - offsetWidth); }
4.Kemudian cari lagi kode </body> dan simpan kode berikut di atas kode </body>
<div id="running_teks" style="" width="100%" ><marquee direction="left" scrollamount="2" align="center"><a style="font-size: 20px; color: #FF0000">pasang teks berjalannya disini </a></marquee></div>
5. Save template, Selesai.

Keterangan:
Bottom adalah posisi teks, jika ingin menempatkan teks berjalan di atas blog, cukup mengganti bottom dengan top
Background adalah warna belakang teks, ganti warna sesuai selera anda
Color adalah warna teks, ganti warna sesuai selera anda
Direction="left" adalah arah teks berjalan ke kiri, jika ingin teks berjalan ke kanan, ganti left dengan right
Scrollamount adalah tingkat kecepatan teks berjalan, semakin besar nilai scrollamount maka semakin laju teks berjalan
Font-size adalah ukuran teks, ganti sesuai ukuran teks yang diinginkan.
Sekian, semoga bermanfaat.

0 Komentar:

Post a Comment

 
Blogger Wordpress Gadgets