• Posted by : Ariel Nicho May 22, 2012

    What's up gan??
    Are you fine today??
    If You Fine, I want to tell you about "Cara Membuat Text Efek Neon Light".

    Efek Neon Light adalah efek tulisan yang dimana tulisan yang gan buat akan berubah warna huruf demi huruf secara bergantian. Efek ini sangat bagus untuk menghias blog/artikel kita.
    Kalau gan penasaran dengan contoh hasilnya, lihat tulisan di bawah ini :


    Keren kan gan??
    Kalau gan ingin tw cara membuatnya, silahkan simak penjelasannya.

    Cara Membuat Text Efek Neon Light :
    1. Loggin ke blog gan masing-masing
    2. Masuk ke menu "Tata Letak/Page Element"
    3. Pilih "Tambah Gadget"
    4. Pilih "HTML/JavaScript"
        *Gan juga bisa membuat "Text Efek Neon Light" di postingan/entri/artikel baru. Jika gan mw membuatnya di postingan/entri/artikel baru, maka gan hanya mengikuti langkah ke-5 dan langkah ke-6.
    5. Masukkan kode berikut :

    <h2><script language="JavaScript1.2">
    //Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
    //Visit http://www.lavixtastar.co.cc for this script


    var message="Welcome To :: Lavixta Star Music Style ! ::"
    var neonbasecolor="blue"
    var neontextcolor="red"
    var neontextcolor2="#FFFFA8"
    var flashspeed=100 // speed of flashing in milliseconds
    var flashingletters=3 // number of letters flashing in neontextcolor
    var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
    var flashpause=0 // the pause between flash-cycles 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++)
    crossref(m).style.color=neonbasecolor
    }
    //cycle through and change individual letters to neon color
    crossref(n).style.color=neontextcolor
    if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
    if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
    if (n<message.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",flashpause)
    return
    }
    }
    function beginneon(){
    if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()
    </script></h2>

    Keterangan :
    * var neonbasecolor="blue" »» berfungsi untuk membuat warna dasar tulisan, ganti tulisan "blue" dengan warna yang gan sukai
    * var neontextcolor="red" »» berfungsi untuk membuat warna efek yang pertama berjalan, ganti tulisan "red" dengan warna yang gan sukai
    * var neontextcolor2="#FFFFA8" »» berfungsi untuk membuat warna efek yang kedua berjalan, ganti tulisan "#FFFFA8" dengan kode warna yang gan sukai
    * var flashspeed=100 // speed of flashing in milliseconds »» berfungsi untuk menentukan kecepatan efeknya berjalan, ganti tulisan "100" dengan kecepatan yang gan sukai (misalnya : 50 atau 75 atau 90, dsb. )
    * var flashingletters=3 // number of letters flashing in neontextcolor »» berfungsi untuk menentukan berapa banyak huruh/kata yang di beri efek, ganti tulisan "3" dengan banyaknya huruf/angka yang di beri efek yang gan sukai


    ( gan bisa melihat nama-nama warna/kode warna »disini« )

    6. Ganti tulisan Welcome To :: Lavixta Star Music Style ! :: dengan kata-kata yang gan inginkan
    7. Simpan gadget
    8. Simpan perubahan
    9. Selesai, dan gan bisa melihat hasilnya


    Sekian dulu pemberitahuan dari saya..
    See you in my next pages..
    Bye gan..!!

    Selamat mencoba..


    *jangan lupa komentarnya ya gan.. :D

    { 4 comments... read them below or Comment }

    1. makasih loh udah mo berbagi...
      moga sukses ya, biar terus ngasi ilmunya... :)

      ReplyDelete
    2. thansk sob infonya,,,\sangat bermanfaat,,,
      jangan lupa kunjung balik,,, komen bacak and follow back,,,,

      ReplyDelete
    3. @pnetHahaha.. terima kasih kembali.. :)

      ReplyDelete
    4. @amin tkjOke sob, sama-sama.. siap meluncur.. :p

      ReplyDelete
    Peraturan yang harus diikuti ketika membuat komentar :
    1. Tidak Membuat Link Aktif
    2. Tidak SPAM
    3. Menggunakan Bahasa Yang Sopan
    4. Tidak Berhubungan Dengan SARA, Seks, dan Judi

    Selamat Berkomentar..
    Terima Kasih Atas Kerjasamanya.. ^_^

    Show Konversi KodeHide Konversi Kode Show Emoticon

  • Copyright © 2013 - Nisekoi - All Right Reserved

    ANS Home Powered by Blogger - Designed by Johanes Djogan