Cara Membuat Floating Box Yang Cocok Untuk Adsense
Bagaimana cara membuat floating page ini? Berikut ini akan saya jelaskan:
1. Pertama-tama Anda harus login ke dalam akun blogger Anda.
2. Pilih Design dan selanjutnya pilih Edit HTML.
3. Pasang kode di bawah ini antara <head> dan </head>
<script src='http://sites.google.com/site/mardiunj/adse.js' type='text/javascript'/>4. Letakkan kode CSS berikut ini di atas kode ]]></b:skin>
#topbar{Silahkan ganti kode CSS sesuai keinginan Anda.
position:absolute;
border: 1px solid black;
text-align:center;
padding: 2px;
background-color: lightyellow;
width: 600px;
visibility: hidden;
z-index: 100;
}
5. Kemudian klik SAVE TEMPLATE untuk menyimpan kode tersebut.
6. Pilih Page Element kemudian pilih Add Gadget dan pilih HTML/Javasript. Gadget dapat diletakkan dimana saja, karena box ini akan melayang di dalam halaman website.
7. Kemudian masukkan kode di bawah ini di dalam Gadget:
<div id="topbar">8. Jika sudah selesai, klik Save.
Masukkan Kode Adsense, Script, Image, atau yang lainnya sesuai keinginan Anda
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/mardiunj/close.png" border="0" /></a>
</div>
9. Litah hasilnya.
Source: starchem05.blogspot.com
