Cara Membuat Text berjalan Di Blog
Sebelumnya ada bertanya tentang cara membuat teks berjalan di bawah Blog atau lebih dikenal dengan namaMarquee 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.scrollLeft+ 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 denganright
- 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. Source
Sebelumnya ada bertanya tentang cara membuat teks berjalan di bawah Blog atau lebih dikenal dengan namaMarquee 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.scrollLeft+ 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 denganright
- 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. Source
No comments:
Post a Comment