Cara Membuat Floating Box Yang Cocok Untuk Adsense
Penulis Blog | 00.00 | Adsense | CSS | Tips Blogger | Tutorial Tips dan Trik blog
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">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.
WOW...tanx banget GAN
BalasHapusapa cara ini tidak melanggar TOS gan? kan didalam script tidak boleh
BalasHapusEnjoyed reading the above article. Also if you are looking forward to learning about the spacebar speed test. It is a free tool to count your total number of clicks and spacebar pressing speed in a given time. The spacebar cps counter can also be used to analyze how many times can you press the spacebar. This article will guide you.
BalasHapus