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
Nice posting buddy…I love to read it…I love your blog. Thanks for sharing..
BalasHapusI 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.
wah,,,,
BalasHapusmantep juga nih...
tapi takut memberatkan blog ane.
nice info sob,,,bisa buat mempercantik blog kita nich!
BalasHapusohy, tp g bikin berat kn sob??
MANTAPPPPPPPPPPPPPPPPPP
BalasHapusditunggu info-info lainnya !
gak berat kq gan n_n
BalasHapusasal jangan terlalu banyak script aja. . .
wahh =.=" udh qw coba niih ampe beberapa kali..
BalasHapusuug gag bisa2 iah?
*aq yg bego kli iah? :D
aph harus ada pengaturn terlbih dahulu sblm menerpkn ini?
^-^ di jwb iiah..
thx ^^
Aq fikir pkek css mas? Hehheheheheh tpi bagus, i like it. Ditunggu kunjungannya ya.
BalasHapusjquery bro ^^
BalasHapuskan itu awannya awan putih kalo awan akatsuki ada gak ?
BalasHapusMohon Di balas....