Kumpulan Informasi Loker dan Kuliah di Indonesia

Tuesday, November 24, 2015

Cara membuat Blog (Kode Neon Lights Text)

4:26:00 PM Posted by Abdul Rohman 3 comments
Neon Light Text merupakan efek tulisan seperti cahaya neon yang berganti warna dan terlihat ada animasi teks. Sehingga tampilan teks dalam blog akan terlihat lebih menarik. Untuk membuat neon lights text diperlukan variabel :

Variabel mesagge, berisi teks yang akan ditampilkan
Variabel neonbasecolor, menentukan warna awal dalam tulisan
Variabel neontext color, menentukan warna kedua dalam tulisan
Varabel flashspeed, kecepatan berganti warna

Cara membuat Neon Lights Text dalam blog yaitu dengan langkah-langkah sebagai berikut;
Masuk akun Blogger
1. Pilih Menu “ Tata Letak ”
2. Pilih “ Tambahkan gadget ”
3. Pilih “ HTML/JavaScript “
4. Tuliskan Kode dibawah ini dalam “ konten “, untuk form judul tidak perlu diisi :
<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="
SERVICE KOMPUTER"
var neonbasecolor="gray"
var neontextcolor="orange"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>

5. Klik Simpan

Keterangan:
Tulisan yang berwarna merah ganti dengan tulisan yang anda mau
Tulisan yang berwarna jingga adalah warna awalnya
Tulisan yang berwarna hijau adalah warna kedua
Tulisan yang berwarna ungu adalah kecepatan berganti warnanya
6. Klik Lihat Blog

Dan Hasilnya:













3 comments:

  1. mantap gan..tpi masih butuh pengertian yg mendalam nih ane

    ReplyDelete
  2. Keren nie gan biar blog nya anti mainstream beda dari yang lain

    ReplyDelete