Jumat, 29 Juni 2012

Trik blog membuat text gaya Jet Coaster

kali ini saya memberitahu cara membuat animasi teks keren dengan mengunakan java script.Tulisan ini bisa digunakan untuk membuat promosi atau sebagai hiasan blog, sangat kreatif untuk dilihat. Penasaran? . . .


Hasil jadinya akan tampak seperti screenshoot di atas.

Ayo langsung aja ke step pembuatannya yuk :

  1. Log in ke akun blogger anda
  2. Masuk ke layout >> page element
  3. Click add a gadget >> html/javascript
  4. Copy kode di bawah dengan edit terlebih dahulu tulisan yang berwarna merah

    <script>
    var fs=1
    var direction="kanan"
    function textcoaster(yangmana){
    var thetext=yangmana
    for (i=0;i<thetext.length;i++){
    document.write(thetext.charAt(i).fontsize(fs))

    if (fs<7&&direction=="kanan")
    fs++
    else if (fs==7){
    direction="kiri"
    fs--
    }
    else if (fs==1){
    direction="kanan"
    fs++
    }
    else if (fs>1&&direction=="kiri")
    fs--

    }
    }
    //Ganti teks di dalam tanda kutip dengan teks yg kamu inginkan
    textcoaster("Ganti teks di sini")
    </script><br />
  5. Jika sudah, click save
mudah kan cara membuatnya

0 komentar:

Posting Komentar

Open Cbox