ebook readers

Cara Membuat Floating Box Yang Cocok Untuk Adsense

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..!!!

Artikel Terkait



0 comments:

Post a Comment

 
 
 

lain lain

tips SEO