Minggu, 01 Agustus 2010

Cara Membuat Floating Box Yang Cocok Untuk Adsense

Chemicals | 00.00 | | | |
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.

2 komentar:

  1. apa cara ini tidak melanggar TOS gan? kan didalam script tidak boleh

    BalasHapus

Copyright ©2010-2013 Starchem05 Designed By: Software Reviews and Downloads Powered by Blogger