Cara Membuat Tombol Iklan Melayang | Blogger


Cara Membuat Tombol Iklan Melayang pada Blogger
Memang tidak bisa dipungkiri iklan merupakan bagian dari pendapatan bagi seorang blogger, namun ketika kita memiliki terlalu banyak iklan untuk menempatkannya di blog dan kadang-kadang kita terburu-buru untuk menempatkan iklan di sidebar dan hasilnya tidak begitu baik, karena ada iklan lain, jika terlalu banyak iklan di sidebar blog membuat penampilan seperti kacau , trik ini adalah untuk menampilkan iklan melayang di bagian kiri - kanan dan bawah halaman blog.

Iklan melayang seperti di footer tetapi statis, karena iklan tidak turun ketika halaman blog digulung, dan selalu diam di tempat itu. Iklan menggunakan tombol tutup, sehingga dapat ditutup oleh pengunjung blog.

Untuk membuat iklan melayang pada halaman blog sangat mudah Berikut caranya:

1. Sign in ke akun Blogger.
2. Masuk ke begian Tata Letak.
3. Klik tambahkan gadget di kolom widget mana pun.
4. Pilih mode HTML/Javascript.
5. Salin dan Tempel Kode di bawah
6. Masukan kode ke gadget yang baru.

  • Kode Pertama untuk Membuat Tombol Iklan Melayang di Kiri dan Kanan Blog

Scroll Box pastikan semua kode di copy
<!---------start: floating ads--------->
<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<!--start: floating ads-->

<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='http://3.bp.blogspot.com/-Rmf8EmBLEYI/UIOQO-p-4vI/AAAAAAAAIWE/SdcYJNw7hgE/s1600/1350799346_Close.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog-->

<!--Akhir disini-->

</div>

<!--end: floating ads-->

<!--start: floating ads-->

<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='http://3.bp.blogspot.com/-Rmf8EmBLEYI/UIOQO-p-4vI/AAAAAAAAIWE/SdcYJNw7hgE/s1600/1350799346_Close.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->

<!--Akhir disini-->

<!---------end: floating ads---------></div>

#Warna Merah Ganti dengan Script Iklan untuk Melayang di Kiri Blog
#Warna Biru Ganti dengan Script Iklan untuk Melayang di Kanan Blog

Setelah itu Simpan, SELESAI

  • Kode Kedua untuk Membuat Tombol Iklan Melayang di Bawah Blog

Scroll Box pastikan semua kode di copy
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script>

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed1').click(function(){
$('#btm_banner1').hide(90);
});
});
</script>

<style type='text/css'>
div#btm_banner1 {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}

div#btm_banner1 img{
border:0;
cursor:pointer;
}
</style>

<div style='height: 0px;'></div>
<div align='center' id='btm_banner1' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 750px; height: 8px;'>
<img id='closed1' src='http://3.bp.blogspot.com/-Rmf8EmBLEYI/UIOQO-p-4vI/AAAAAAAAIWE/SdcYJNw7hgE/s1600/1350799346_Close.png'/>
</div>
<div style='clear: both;'></div>


<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Bawah Blog-->
 

</div>

#Warna Merah Ganti dengan Script Iklan untuk Melayang di Bawah Blog

Setelah itu Simpan, SELESAI ! dan Selamat Mencoba.


0 komentar:

Poskan Komentar

Rules !

* No Spam!
* No Promo
* No Haters
* No Pornography