Membuat Running Text Pelangi Di Blog

• Login ke account Blogger anda. 

• Pilih Menu Tata Letak (Gambar 1, Panah no.1).

Gambar 1

• Plilih Menu Tambah Gadget (Gambar 1, Panah No.2), Posisi running teks berada, nantinya berdasarkan  posisi mana anda menambahkannya (Disarankan pilih Tambahkan Gadget di posisi atas, tepat di bawah Header/Judul Blog anda), posisi ini nantinya masih dapat anda rubah kembali.

• Pilih Gadget HTML/Java Script (Gambar 2, Lingkaran Merah).

Gambar 2

• Konfigurasikan Gadget HTML/Java Script (Gambar 3)

Gambar 3

• Biarkan Judul Gadget Kosong (Gambar 3, Panah no.3),

• Copy Script dibawah ini, untuk kemudian Paste-kan di area Konten (Gambar 3, Panah no.4),  Berikut Script yang harus anda copy :

<div style="background: transparent; border: 2px solid #00000000; color: #7CFC00; font-size: 18px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="5" align="center">
<style typecss="[{http://galihgardhany.blogspot.com}]">
  #highlight{font: 20px Impact,Arial,Sans-Serif;}</style>
<script language="javascript" type="text/javascript">
     var teks="Masukkan teks anda disini"
     var speed=20

if (document.all||document.getElementById) {
     document.write('<span id="highlight">' + teks + '</span>')
     var storetext=document.getElementById? document.getElementById("highlight") :
document.all.highlight
} else document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")

var r=1
var g=1
var b=1
var seq=1

function changetext() {
     rainbow="#"+hex[r]+hex[g]+hex[b]
     storetext.style.color=rainbow
}

function change() {
if (seq==6) {
b--
if (b==0)
seq=1
}
if (seq==5) {
r++
if (r==12)
seq=6
}
if (seq==4) {
g--
if (g==0)
seq=5
}
if (seq==3) {
b++
if (b==12)
seq=4
}
if (seq==2) {
r--
if (r==0)
seq=3
}
if (seq==1) {
g++
if (g==12)
seq=2
}
changetext()
}

function starteffect() {
     if (document.all||document.getElementById)
     flash=setInterval("change()",speed)
}

starteffect()
</script>
</marquee>
</div>

• Jika Anda kurang puas dengan tampilan running teks tersebut anda dapat memodifikasi Script diatas agar tampilan running text sesuai dengan keinginan, script dengan warna merah diatas adalah script yang dapat anda rubah, dengan keterangan sebagai berikut :

• Untuk merubah kecepatan running text berjalan maka rubahlah nilai Script scrollamount="5" menjadi scrollamount="4" atau scrollamount="6" (lakukan percobaan hingga anda mendapatkan yang sesuai).

• Untuk membesarkan/mengecilkan Font pada running text, rubahlah nilai script  font: 20px menjadi font: 30px atau font: 50px untuk membesarkan font (semakin besar nilainya maka semakin besar fontnya).

• Ganti tulisan Masukkan teks anda disini pada script diatas dengan tulisan anda sendiri yang ingin anda tampilkan pada running text.

• Untuk merubah seberapa cepat perubahan warnanya maka nilai script ini yang harus anda rubah (font yang berwarna merah) var speed=20 

• Bila sudah selesai merubah, jangan lupa untuk menyimpan perubahan.

Untuk melihat contohnya, klik link demo dibawah

DEMO

Semoga Bermanfaat............

***

GG