Floating Box script

Judul artikel diatas membuat saya pingin mencoba dan menerapkan di web ini ,sangatlah cocok dan pas untuk menampilkan iklan floating yach kurang lebih seperti screen popup.Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kiri 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 atas informasi mbah google.Dan di blog ini saya menggunakannya semoga andapun dapat menggunakannya.

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 okayy broo.

Dan masuk pada bagian "Layout -> Page Elements"

Pilih tempat Gadget yang kamu ingin pasang (terserah karena box ini akan melayang) dan klik "Add a gadget" kalau saya pasang di side bar,.kemudian 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>

Jangan Lupa text yang berwarna biru adalah dimana kita meletakkan sript atau code-kode lainnya. 

Artikel Terkait Lainnya :



0 komentar:

:: Terima kasih Anda Telah Memberikan Komentar Atas Blog Ini ::

Posting Komentar

" Terima Kasih Banyak "

Tutorial blog ,Trik &Tips, Freeware © 2010. Design by :Bloggers Sponsored by: Makna-iLmu