Cari Artikel

Halaman

Cara pasang iklan melayang di kanan kiri tampilan blog

Masih seputar tutorial pemasangan iklan di blog.
Banyak para blogger yang memanfaatkan blog sebagai media untuk mendapatkan penghasilan dengan mengikuti beberapa program afiliasi sebagai publisher iklan. Script iklan-pun mereka pasang di blog dengan menyesuaikan pada posisi-posisi yang strategis sekaligus menarik dan yang paling penting adalah tidak mengganggu para pengunjung blog ketika mereka tengah membaca artikel-artikel yang ada pada blog tersebut.
Iklan,melayang,sticky,kanan,kiri
Seperti pada gambar di atas,pada kesempatan kali ini saya akan membahas tutorial pemasangan iklan melayang yang muncul disisi kanan dan kiri tampilan blog. Iklan melayang biasanya dipasang agar tampilan iklan tetap muncul apabila tidak di close meskipun tampilan layar ponsel ataupun desktop di geser ke atas maupun ke bawah.

Adapun cara memasangnya adalah sebagai berikut :

Silahkan copy script code di bawah ini

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKhQvhhZV2Qn3MGc5DkpeURf28aUy7ab8v-t97ZCS3_elVg7Sxn8qExMSFjb_C2wj5PA1cU_SxPdSCnpJszfHheyXDzO7R7Ld3nUwZvh0wfLbRN2q2Q_qVKRsX4veCxRhiVALt2azt1JJx/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai Iklan Kiri-->
Masukan script iklan disini
<!--Akhir Iklan Kiri-->
</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKhQvhhZV2Qn3MGc5DkpeURf28aUy7ab8v-t97ZCS3_elVg7Sxn8qExMSFjb_C2wj5PA1cU_SxPdSCnpJszfHheyXDzO7R7Ld3nUwZvh0wfLbRN2q2Q_qVKRsX4veCxRhiVALt2azt1JJx/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai Iklan Kanan-->
Masukan script iklan disini
<!--Akhir Iklan Kanan-->
<!--end: floating ads--></div>

Selanjutnya buka akun blogger kemudian pilih menu Tata letak lalu klik tambah gadget. Untuk posisinya terserah kalian (heaer,sidebar atau footer).
Pilih gadget Html/java script kemudian paste kode tersebut,setelah selesai silahkan simpan dan lihat hasilnya pada tampilan blog kalian masing-masing.

Tidak ada komentar:

Posting Komentar