Membuat Banner Iklan Melayang di Sisi Kanan dan Kiri Blog

Membuat banner iklan nelayang di sisi kanan atau kiri blog merupakan cara yang efektif bila Anda tidak memiliki cukup ruang di blog Anda. 

Umumnya

kita bisa melihat sisi kiri dan kanan blog kita selalu kosong yang dikenal dengan ruang idle dan kita bisa dengan mudah memanfaatkan gap tersebut dengan menggunakan teknik Ûoating yang bisa menghasilkan lebih banyak klik pada iklan AdSense. Ini tidak

akan menempati ruang berharga Anda dari ruang konten blog Anda atau sidebar, bagian footer.

Baca arttikel sebelumnya Memilih Template Blog Berdasarkan 10 Jenis Template.

Dalam tutorial ini saya akan berbagi cara menggunakan iklan AdSense " 160px X 600Px " yang bisa melayang di kanan atau kiri situs blog Anda. Tidak hanya iklan AdSense yang bisa mengapung Anda bisa menggunakan iklan aÚliasi untuk membuat Ûoat. Oh sebelum melanjutkan silahkan baca dengan seksama tentang Ketentuan Layanan jaringan iklan AÚliasi masing-masing yang memungkinkan iklan melayang atau tidak?

Baca juga artikel sebelumnya : Memasang Footer Widget Responsive 3 Kolom Pada Blogger, Blogspot.

Direkomendasikan: Float 300px X 250px Iklan Situs Middle of Blogger.

Disarankan: Tambahkan 2 dari 1 widget Mengambang Facebook dan Iklan di Situs Blog.

Langkah # 1: Masuk ke akun Blogger Anda dan Masuk ke Dasbor Blogger Anda

Langkah # 2: Buka tab "Tata Letak" Anda .

Langkah # 3: Klik " Add a Gadget " lalu pilih " HTML / JavaScript " Gadget.

Langkah # 4: Sekarang Copy kode di bawah ini dan Tempelkan di Gadget " HTML / JavaScript ".

<style>
#bloggerspicesflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bsadsbase{
height:600;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#bsadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bsadsheadline").style.display = 'none';
}
</script>
<div id="bsadsheadline">
<div id="bloggerspicesflotads">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.bloggerspice.com/2013/05/how-to-float-adsense-and-other-third-party-ads-on-left-or-right-side-of-the-blogger-template.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="bsadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>                                                                                                                           
Ads code here
<br/></p></div></div>

Kustomisasi Ganti " Ads code here " dengan kode iklan AdSense atau lainnya.

Selamat mencoba