Membuat Effek Neon Box Pada Teks

Script effek Neon Boks ( menyala ) pada teks merupakan kode HTML yang berfungsi untuk membuat teks menyala secara bertahap dengan warna t...

Script effek Neon Boks ( menyala ) pada teks merupakan kode HTML yang berfungsi untuk membuat teks menyala secara bertahap dengan warna tertentu, penggunaan cara ini cukup mudah dan sederhana.

Langkah pertama

  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  5. Copy and paste kode dibawah ini

<h3>

<script language="JavaScript1.2">

var message="Selamat Datang"
var neonbasecolor="black"
var neontextcolor="yellow"
var flashspeed=50 //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></h3>


Pada bagian yang diberi tanda keterangan, kamu dapat mengubahnya sesuai dengan yang diinginkan, seperti pada ukuran, warna maupun jenis huruf.
  • warna merah, Teks yang akan digunakan ( silakan diganti sesuai keperluan )
  • warna Orange, kode warna teks sebelum terkena effek neon boxs. ( dapatkan kode warna disini )
  • warna kuningkode warna teks setelah terkena effek neon boxs. ( dapatkan kode warna disini )
  •  warna hijaukecepatan perubahan warna pada teks ( makin kecil angka makin cepat )

    _______________________________________
    Semoga bermanfaat...!!
    Selamat mencoba..! ( biasakan untuk melakukan pra tinjau pada saat melakukan perubahan pada Script HTML sehingga bila terjadi kesalahan tidak merusak kode script yang telah ada )

    COMMENTS

    BLOGGER: 11
    1. thx nih tutorialnya, mo dicoba dulu, bikin berat blog atau ga...

      BalasHapus
    2. makasih tutorialnya.
      ketinggalan banyak nih lama tak kesini.

      BalasHapus
    3. contoh yg udah jadi mana ya?
      penasaran jadinya...
      makasih tutorialnya...coba dulu ah...

      BalasHapus
    4. Anonim4/01/2010

      @DIM. ngga bikin berat loadingnya tetap oke..!
      @SDA. makanya rajin mampir... he he he makasih..!!
      @narti. lihat tulisan selamat datang... diatas..!! thanks.!

      BalasHapus
    5. Komentar ini telah dihapus oleh pengarang.

      BalasHapus
    6. Anonim4/01/2010

      makasih semuanya yang udah comment...
      salam sukses slalu..!!

      BalasHapus
    7. wah bikin tulisane jd menari tar..... belajar ah

      BalasHapus
    8. ijin pakai langganan ki,,
      salam kenal...

      BalasHapus
    9. banyak info menarik di sini....
      sayang ...ga ada contohnya ya sob...

      BalasHapus
    10. Anonim4/06/2010

      @ rahmatea.. silakan lihat contoh di http://kibagusnet.blogspot.com/
      kalau diblog ini lihat tulisan "selamat datang" diatas
      memang tidak semua trik bisa dipakai kalau dipakai semua blognya bisa ramai sekali....
      thanks...!

      BalasHapus
    Note :

    . Komentar yang mengandung usur pornografi / sara / kekerasan akan dihapus.
    . Terima kasih komentarnya...!
    . Semoga bermanfaat...!

    Aluminium,4,Amdal,15,Arsitektur,62,Bahan bangunan,8,Bangunan Air,2,budaya indonesia,26,Denah Rumah,22,Galeri,25,Green house,6,Info sekilas,27,Interior,1,Irigasi,2,Jembatan,3,K3 konstruksi,4,Konservasi tanah,5,Konstruksi,48,Konstruksi Beton,15,Konstruksi kayu,38,Kuda kuda Baja,1,Kuda kuda kayu,4,Kusen,4,Lingkungan,15,Masjid,10,Mebelair,2,Menu navigasi,3,Opini,13,Pemberdayaan Masyarakat,7,Pendidikan,3,Peraturan,31,Pondasi,4,Profil Kusen,4,Property,46,RAB,28,Rumah adat,21,S E O,7,Sambungan Kayu,30,Sertifikasi,12,sipil,53,SNI,22,Software,2,Tangga,3,Tips trik blogger,27,Undang undang,12,Wisata,2,
    ltr
    item
    Home Design and Ideas: Membuat Effek Neon Box Pada Teks
    Membuat Effek Neon Box Pada Teks
    http://lh5.ggpht.com/_c-XFk4OciTE/SSdkMZI0rqI/AAAAAAAABSk/CYYDb88zYqI/AddGadget_thumb2.png?imgmax=800
    http://lh5.ggpht.com/_c-XFk4OciTE/SSdkMZI0rqI/AAAAAAAABSk/CYYDb88zYqI/s72-c/AddGadget_thumb2.png?imgmax=800
    Home Design and Ideas
    https://www.hdesignideas.com/2010/03/membuat-effek-neon-box-pada-teks.html
    https://www.hdesignideas.com/
    https://www.hdesignideas.com/
    https://www.hdesignideas.com/2010/03/membuat-effek-neon-box-pada-teks.html
    true
    2215255630784927830
    UTF-8
    Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content