Script Efek Teks Pelangi Membuat Tulisan Warna Warni Di Blog

Mau tahu bagaimana cara membuat tulisan warna warni ?

Oke sobat, pada kesempatan kali ini saya akan menuliskan bagaimana cara membuat tulisan warna warni di blog menggunakan script efek teks pelangi.

Script efek teks pelangi ini akan membantu kita dalam membuat tulisan warana warni di blog dengan tulisan yang bisa kita tentukan sendiri.

Script efek teks pelangi sederhana ini dapat kita jadikan sebagai hiasan blog, seperti membuat tulisan selamat datang, dan lain sebagainya.

Mungkin sebelum kita mulai tutorial cara membuat tulisan warna warni di blog menggunakan script efek teks pelangi ini sobat ingin melihat bagaimana demo tulisan warna warni yang dihasilkan oleh script efek teks pelangi ini, untuk itu silakan lihat demo berikut


Nah, begitulah nantinya hasil tulisan warna warni dari script efek teks pelangi ini nantinya, lanjut ...

Cara Membuat Tulisan Warna Warni Di Blog Menggunakan Script Efek Teks Pelangi

cara membuat tulisan warna warni di blog
Ok, mari kita mulai tutorial cara membuat tulisan warna warni di blog menggunakan script efek teks pelangi ini.
Di sini saya akan menuliskan 2 cara membuat tulisan warna warni di blogger sebagai contoh saja, karena script ini tidak hanya bisa digunakan pada blogger saja.

Cara Membuat Tulisan Warna Warni Di Sidebar Blogger

  1. Pertama silakan masuk ke dasbor blogger
  2. Buka halaman Tata Letak
  3. Klik Tambahkan Gadget / Add a Gadget
  4. Pilih Gadget HTML/JavaScript
  5. Masukkan script efek teks pelangi pada bagian Konten / Content
  6. Simpan dan selesai
cara membuat tulisan warna warni di blog
Nah itulah langkah yang harus sobat lakukan jika ingin membuat tulisan warna warni di sidebar blog blogger.

Cara Membuat Tulisan Warna Warni Di Posting Blogger

Selain pada sidebar blogger, kita juga bisa membuat tulisan warna warni pada posting blogger, dan jika sobat ingin tahu bagaimana cara membuat tulisan warna warni di posting blogger silakan ikuti langkah - langkah berikut :
  1. Buat artikel baru
  2. Tulis artikel sampai selesai
  3. Sisipkan script efek teks pelangi pada posisi yang sobat inginkan, namun sobat harus menyisipkan script tersebut pada bagian HTML, bukan pada bagian Compose.
  4. Untuk meyakinkan apakan script efek teks pelangi sudah bekerja dengan baik maka sebaiknya Pratinjau dahulu.
  5. Jika dipratinjau sudah ada tulisan warna warni maka silakan publikasi-kan artikel tersebut.
Selesai

Adapun script efek teks pelangi yang bisa sobat gunakan untuk membuat tulisan warna warni adalah ini :
<style type="text/css">
  #highlight{font:bold 50px Impact,Arial,Sans-Serif;}
</style>
<script language="javascript" type="text/javascript">
     var teks="Membuat Tulisan Warna Warni Di Blog" // teks Anda di sini
     var speed=20 // atur kecepatan perubahan warna

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>
Keterangan
  • Silakan ganti tulisan Membuat Tulisan Warna Warni Di Blog dengan tulisan yang sobat inginkan
  • Angka 20 pada kode var speed=20 adalah nilai kecepatan perubahan warna, silakan ganti angka tersebut dengan kcepatan perubahan warna yang sobat inginkan
Selamat mencoba.

Komentar

Postingan populer dari blog ini

Widget Animasi Bergerak Untuk blog

Cara Membuat Efek Loading di Blog - 19 Animasi Loading Gif