Posted by : Ayuma
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
Sumber : http://djogzs.blogspot.com
By : ayuma
.
NanoSinger. Diberdayakan oleh Blogger.