Apr 4, 2010

Creating Floating Box

Jika ada kawan yang pernah berkunjung di suatu blog, kadang kita ketemu dengan iklan-iklan melayang yang sangat menggangu.(tentu pemilik blog akan senang klo kita klik iklan tsb). klo kawan merasa terganggu, tentu caranya gampang banget.Tinggal dinonaktifkan aja fungsi javascriptnya, pasti bares. Tapi klo kawan pengen iseng atau memanfaatkan cara yang sama biar banyak pemasukan dari iklan gimana dong caranya?.


Iklan-iklan yang melayang tersebut istilah teknis/kerennya disebut Floating Box. Ternyata cara bikinnya cukup simple, kawan cuma harus ambil jquery,jquery.floatingbox yang bisa kawan ambil diDisini;. Jika sudah dapet ya lsg ja kita praktekan lsg gimana bikin iklan melayang atau floating box yang menggemas kan itu.





Udah cuma itu. hehehe gampang toh. klo masih belum paham ini contoh 1 halaman penuhnya

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Floating Box Anak Berbakti</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.floatingbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#box').floating({targetX:"right", targetY:"top"});
});
</script>
<style>
#box{
height:200px;
width:200px;
background:#666;
}
</style>
</head>
<body>
<div id="box">ini floating box</div>
</body>
</html>


Klo masih belum yakin, ini silakan di klik demonya
dan klo masles ngetik, silakan download aplikasinya
dan yang masih ingin tahu dasar-dasar jquery silakan klik

No comments: