Cara Membuat Floating Box Yang Cocok Untuk Adsense : hayekstutorialblog.blogspot

Blogger biasanya membuat floating page untuk diisi dengan adsense. Floating page ini kadang terlihat sangat merepotkan pengujung. Karena dapat melayang-lanyang tak berpindah ketika halaman website digerakkan ke atas-bawah. Halaman website digeser-geser ke atas ke bawah, floating box ini tetap pada tempatnya.

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{
position:absolute;
border: 1px solid black;
text-align:center;
padding: 2px;
background-color: lightyellow;
width: 600px;
visibility: hidden;
z-index: 100;
}

Silahkan ganti kode CSS sesuai keinginan Anda.

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">

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>

8. Jika sudah selesai, klik Save.

9. Litah hasilnya.

Silahkan mencoba dan semoga sukses ya kawan..!!!