Effect Asap dengan jquery

Effect Asap dengan jquery

Ini dia,koleksi Jquery menarik dari saya,dengan effect asap ini,blog kamu akan tambah menarik.untuk contoh'a,kamu bisa liat di blog akatsuki atau di gayadesign mau tau cara'a?CEkidot gan n_n

kalau mau lihat contoh'a,sobat bisa lihat disini
pertama,copy paste js ini di atas kode </body> atau di bawah kode <head>

<link href='http://www.gayadesign.com/scripts/smokeeffect/css/style.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>
<script src="http://www.gayadesign.com/scripts/smokeeffect/js/smokeEffect.js" type="text/javascript"></script>

<script type='text/javascript'>
SmokeEffect.imgLocation = "http://www.gayadesign.com/wp-content/themes/gdblocked/images/smoke.png";
SmokeEffect.smokeWidth = 100;
SmokeEffect.smokeHeight = 100;
</script>


lalu masukan kode html dan js ini diblog kamu


<div id="smokeSpawnPoint">
<img alt="chimney" src="http://www.gayadesign.com/wp-content/themes/gdblocked/images/chimney.png" /></div>
<script type="text/javascript">
SmokeEffect.makeEffect("smokeSpawnPoint", 24, 12);
</script>




selesai deh,sekarang asap'a akan muncul di blog sobat...
tapi bila sobat ingin asap'a melayang di blog sobat+ menjadi tombol back to top,tinggal ditambahkan

kode ini
<a href='#' onclick='MGJS.goTop();return false;' style='display:scroll;position:fixed;bottom:0px;left:20px;'>


dan jadi'a seperti ini

<a href='#' onclick='MGJS.goTop();return false;' style='display:scroll;position:fixed;bottom:0px;left:20px;'>

<div id="smokeSpawnPoint">
<img alt="chimney" src="http://www.gayadesign.com/wp-content/themes/gdblocked/images/chimney.png" /></div>
<script type="text/javascript">
SmokeEffect.makeEffect("smokeSpawnPoint", 24, 12);
</script></a>



selamat mencoba,dan jangan lupa tinggalkan komentar ya n_n

Komentar

  1. Nice posting buddy…I love to read it…I love your blog. Thanks for sharing..
    I would like to share good news also. Here you:

    English Teachers Urgently Required !!!

    A fast-growing National English Language Consultant is hunting for professional English Tutors with the following qualifications:

    i. Competent, Experienced, or Fresh Graduate
    ii. Proficient in English both spoken & written
    iii. Friendly, Communicative, & Creative
    iv. Available for being placed in one of the following branches:

    a. Denpasar, Jln. HOS Cokroaminoto No 66 Block B, C, D Denpasar, Telp: 0361-422335
    b. Pekanbaru, Jln. Ahmad Yani No 187 Kel. Tanah Datar 28000 Pekanbaru, Telp: 0761-7641321
    c. Batam, Graha Pena Building 5th Floor, Suite 510, Jln. Raya Batam Centre, Batam, Telp: 0778-460785
    d. Balikpapan, BRI Building 8th Floor, Jln. Jend. Sudirman No 37 Klandasan BalikpapanTelp: 0542-737537
    e. Makassar, Graha Pena Building 8th Floor, Suite 807,809-812, Jln. Urip Sumoharjo, No 20 Makassar, Telp: 0411-451510
    f. Medan, Visit http://www.easyspeak.co.id
    g. Banjarmasin, Visit http://www.easyspeak.co.id

    If you meet the qualifications above, please send your resume to the address you are applying for or to our email: easyspeak.recruitment@gmail.com within 2 (two) weeks after this advertisement.

    Visit http://www.easyspeak.co.id for further information about our company.

    BalasHapus
  2. wah,,,,
    mantep juga nih...
    tapi takut memberatkan blog ane.

    BalasHapus
  3. nice info sob,,,bisa buat mempercantik blog kita nich!
    ohy, tp g bikin berat kn sob??

    BalasHapus
  4. MANTAPPPPPPPPPPPPPPPPPP

    ditunggu info-info lainnya !

    BalasHapus
  5. gak berat kq gan n_n
    asal jangan terlalu banyak script aja. . .

    BalasHapus
  6. wahh =.=" udh qw coba niih ampe beberapa kali..
    uug gag bisa2 iah?
    *aq yg bego kli iah? :D
    aph harus ada pengaturn terlbih dahulu sblm menerpkn ini?
    ^-^ di jwb iiah..
    thx ^^

    BalasHapus
  7. Aq fikir pkek css mas? Hehheheheheh tpi bagus, i like it. Ditunggu kunjungannya ya.

    BalasHapus
  8. kan itu awannya awan putih kalo awan akatsuki ada gak ?
    Mohon Di balas....

    BalasHapus

Posting Komentar

"Maaf komentar anda tidak akan dibalas, karena blog ini sudah tidak aktif. Terima kasih"

"Sorry your comment will not be replied, because this blog has been inactive. Thank you"

Postingan populer dari blog ini

K-ON!! Blogger Template

Shiroi Blogger Template

Unbreakable Machine Doll Blogger template