Floating Banner Di Blogspot

1. Memasang Iklan Banner Melayang di Posisi Bawah Blog

Langkah awal untuk membuat atau memasang iklan melayang/floating di blog adalah sebagai berikut:

1. Login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Kemudian Anda Letakkan kode di bawah ini ke dalam box "Konten"

<!-- Start Iklan Melayang Footer --> 
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> </script><br> 
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script>  
<style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='#'/></div> <div style='clear: both;'></div> <p> <p><center> Kode Iklan Anda Disini </center></p> </p> </div>
<!-- End Iklan Melayang Footer -->

Ganti "Kode Iklan Anda Disini" warna merah dengan kode ini:

<a href='website' target='_blank'><img alt='text kata' src="kode URL" height="95" width="728"/></a>

Ganti yang warna merah.


2.  Iklan Banner Melayang KANA dan KIRI

1. Silahkan login ke ID atau akun blogger Anda
2. Kemudian klik "template"
3. Selanjutnya klik "Edit HTML" lalu cari kode ]]></b:skin> (gunakan ctrl+f atau tekan F3 untuk mempermudah pencarian kode tersebut)
4. Setelah dapat, masukkan kode berikut ini tepat diatasnya


#adslayoutleft {
position:fixed;
top:10px;
margin-left :335px;
float:left;
z-index:10;
}
#adslayoutleft .iklankiri {
float:right;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:10px;
margin-left:-800px;
z-index:10;
}
#adslayoutleftright.iklankanan {
float:left;
clear:both;
}


Perhatikan angka yang saya beri tanda warna merah, angka tersebut merupakan pengaturan jarak banner iklan dengan laman blog, sesuaikan dengan template Anda.

5. Simpan template Anda, lalu klik "Tata Letak" pada menu disebelah kiri laman blog
6. Klik tambah gadget, selanjutnya klik HTML/Java Secript
7. Copy dan paste kode berikut ini kehalaman yang disediakan


<div id='adslayoutleft'><div class='iklankiri'>
Masukkan kode/url banner iklan disini
</div></div>
<div id='adslayoutleftright'><div class='iklankanan'>
Masukkan kode/url banner iklan disini
</div></div>

Perhatikan juga kalimat yang saya beri tanda warna merah diatas, ganti dengan URL banner/iklan Anda dengan meng gunakan script ini :

<a href='website' target='_blank'><img alt='text kata' src="URL Banner" height="95" width="728"/></a>


8. Setelah semuanya Anda ikuti dengan benar, simpan template Anda dan lihat hasilnya.

0 Response to "Floating Banner Di Blogspot"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel