Membuat Teks Berjalan Melayang di Blog

RizkyYNWA - Bagi sobat RizkyYNWA yang sedang bingung mencari-cari cara untuk membuat teks berjalan di atas/ dibawah layar, (seperti headline). Kini jangan khawatir, karena RizkyYNWA ingin berbagi cara untuk membuat teks tersebut. 

Sebenarnya apa kegunaannya? Kegunaannya sangat beragam tergantung kita yang ingin mengisinya dengan apa, misalnya dengan pengumuman bagi pengunjung blog, salam untuk para pengunjung blog, bisa juga digunakan untuk menempatkan iklan yang berupa iklan baris. Nah untuk membuat fitur tersebut sangatlah mudah anda tinggal mengikuti langkah-langkah yang ada di artikel ini.

1. Login ke Blogger kemudian pilih Template, edit html
2. Jangan lupa centang expand template widget lalu Cari kode ]]></b:skin>
3. Simpan kode berikut ini di atas kode tadi

#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.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4.Kemudian cari lagi kode </body> dan simpan kode berikut di atas kode tadi
<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 latar belakang teks, ganti warna sesuai selera anda
 

Color adalah warna teks, ganti warna sesuai selera anda
 

Direction adalah arah teks berjalan, 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.


Nah begitulah tutorial untuk membuat teks berjalan di blog. Untuk tips dan trik blogging lainnya silahkan kunjungi RizkyYNWA.blogspot.com , jika masih bingung dan ingin bertanya silahkan kirim komentar anda, wassalamu'alaikum

CONVERSATION

2 komentar:

  1. sipo makasih banyak

    http://mas-helmi.blogspot.com

    ReplyDelete
  2. tutorialnya merusak template mas !!

    ReplyDelete

Silahkan berkomentar sesuai kesan anda, tetapi jangan tinggalkan norma-norma kesopanan. Syukron