Membuat Running Text di Blog

Selasa, 24 Juli 2012 | komentar (1)

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.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 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.
Share this article :

+ komentar + 1 komentar

Anonim
28 Desember 2012 03.05

FB like box-nya ganggu banget

Poskan Komentar

Kumpulan Tips Menarik Merupakan Blog DOFOLLOW Yang dapat memberikan BACKLINK Gratis Kepada Pengunjung Hanya denga Meninggalkan KOMENTAR. Silahkan Tinggalkan Jejak Anda (KOMENTAR) Terimakasih!!!

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. kumpulan tips menarik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger