Cara Membuat Kotak Iklan Melayang (floating_Banner)

Hi sobat kesepatan kali ini saya ingin berbagi ilmu blog.ilmu yang rozhy bagi ini adalah cara bagaimana membuat kotak untuk memasang iklan di blog.Tapi kali ini  beda dengan yang sebelumnya. Tau Gak apa yang membedakan kali ini…???.Iyah Betul bedanya klo ini melayang (floating_banner_bottom). Caranya masih sama dengan yang sebelumnya,tapi ada bedanya,bedanya adalah kodenya. Nah silahkan sobat ikutin caranya berikut ini

Tahap pertama

sobat masuk di blogger sobat,kalau sudah masuk sobat masuk ke TATA LETAK – TAMBAH GADGET – pilih HTML/JAVA SCRIPT

Tahap Kedua

sobat Copy kode di bawah ini 

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:90px; z-index:100; ">

<div style="width:1000px; height:10px; text-align:right;">

<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">

<img border="none" src="http://t0.gstatic.com/images?q=tbn:ANd9GcSIiNqIVhbi97cjFc5HXiMjCm9-VeUD1kEWaKfgtES1PrbreB1A7G5uuQ"/>

</a>

</div>

<div style="width:1000px; height:80px; background:#FFFFFF;">

....Letakkan Kode iklan/Banner Space Iklan anda disini....

</div>

</div>

keterangan kotak Banner Iklan:

Teks Yang berwarna merah adalah Url Gambar Close Jadi gambar close bisa di ganti sesuai dengan keingini sobat
Nah Teks yang berwarna biru adalah kode Banner/Pemasangan Iklan

Dibawah ini adalah contoh sebuah kotak iklan melayang tips and trick computer.

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:90px; z-index:100; ">

<div style="width:1000px; height:10px; text-align:right;">

<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">

<img border="none" src="http://t0.gstatic.com/images?q=tbn:ANd9GcSIiNqIVhbi97cjFc5HXiMjCm9-VeUD1kEWaKfgtES1PrbreB1A7G5uuQ"/>

</a>

</div>

<div style="width:100px; height:80px; background:#FFFFFF;">

<script src="http://h1.flashvortex.com/display.php?id=2_1355570944_49133_430_0_728_90_9_1_120" type="text/javascript"></script>

</div>

</div>

Related Post: