Saya
tertarik dengan dengan float image yang pernah saya lihat di blog-blog
atau forum untuk di pasang di blog saya. setelah mencari di google saya
menemukan script floating dari dynamic drive yang telah di ringkas dan di buat simple oleh joy atau crazy davinci . script ini berfungsi untuk menampilkan gambar, link, mp3 atau apa saja di sidebar page kita.Caranya mudah dan simple :
- Letakkan kode berikut setelah tag <body> sebelum tag </body>
<div id="avatar">
<img src="YOUR IMAGE URL" width=" 80" height=" 80"/>
</div>
- Letakkan kode berikut setelah tag <head> sebelum tag </head>
<link rel="stylesheet" type="text/css" href="http://static.int.crazydavinci.net/style/float_joy.css " />
<script type="text/javascript" src="http://static.int.crazydavinci.net/script/float_joy.js"></script>
Silahkan download dan edit file CSS http://static.int.crazydavinci.net/style/float_joy.css kemudian upload di hostingan sendiri.
Untuk modifikasi file .js nya silahkan download dan edit file http://static.int.crazydavinci.net/script/float_joy.js kemudian upload di hostingan sendiri.
- Keterangan:
startX = parseInt(screen.width/2)+400;starX akan menjadi objek horizontal dari tengah halaman anda.
startY = parseInt(screen.height/2)-110
starY akan menjadi objek vertikal.
Nah untuk mengganti gambar menjadi mp3, atau apa saja silahkan modifikasi tag div avatar nya :
<div id="avatar">Ganti saja yang saya beri warna merah di atas dengan kode embed mp3 atau yang kamu mau.
<img src="YOUR IMAGE URL" width=" 80" height=width=" 80"/>
</div>
Ok, saya rasa cukup jelas dan semoga berguna.
Preview bisa di liat di blog saya atau di SINI .
Anda sedang membaca artikel tentang Simple Javascript Floating Image, Object, Avatar, dan Lain-lain Anda juga dapat menemukan artikel Simple Javascript Floating Image, Object, Avatar, dan Lain-lain ini dengan url http://tutorialbelajarblogger.blogspot.com/2013/01/simple-javascript-floating-image-object.html, juga bisa menyebar luaskannya jika artikel Simple Javascript Floating Image, Object, Avatar, dan Lain-lain ini dianggap bermanfaat bagi teman-teman.
0 komentar
Posting Komentar