Floating Box Cocok Untuk Adsense

Oh betapa kangenya Saya untuk mengupdate blog Saya yang agak gak keurus ini, dikarenakan minimnya ide-ide untuk menulis sebuah artikel untuk memperbarui posting di blog ini. Eh kok malah curhat ya, he. . he . . *Back To Topic* Membuat Floating Box yang biasanya dipasang di blogger yang biasanya diisi content Ads ini. Coba lihat deh Shoot layar yang aku ambil dari blog Saya yang Saya buat dengan niat iseng-iseng ini.



Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kanan atas jika scroll di geser-geser kebawah atau keatas.

Saya menemukan script ini bermula dari browsing-browsing untuk tips yang cocok untuk memasang adsense di blog dan akhirnya Saya menemukan script ini di Dynamicdrive dan saya akan mengulas ulang di blog Saya ini agar Anda dapat menggunakanya dengan mudah. Monggo..

Pertama yang Anda lakukan adalah Log In ke blogger lalu masuk menu "Layout" Kemudian Masuk bagian "Edit HTML"

Pasang code ini dibawah code <head> atau sebelum code </head>


<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>


Dan pasang Code CSS dibawah ini diatas code ]]></b:skin>


#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}


(Edit code CSS diatas untuk menentukan style dari box)

Kemudian di Save dulu ukkay kawan.

Dan masuk pada bagian "Layout -> Page Elements"

Pilih tempat Gadget yang kamu ingini (terserah karena box ini akan melayang) dan klik "Add a gadget" Masukkan code dibawah ini



<div id="topbar">

MASUKKAN CODE SCRIPT ADS / LAINYA DISINI

<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>

</div>



Ingat ganti code yang berwarna merah diatas dengan code gadget yang kamu ingini.

Kalau sudah. . . SAVE deh...

Selesai..

Yapzz semoga bermanfaat nie tutorial dari pengalaman Saya.