Cara Membuat Iklan Melayang di Sisi Kanan dan Kiri Blog (Update) - Endo Sadewa

Cara Membuat Iklan Melayang di Sisi Kanan dan Kiri Blog (Update)

Cara Membuat Iklan Melayang di Sisi Kanan dan Kiri Blog (Update). Iklan melayang sangat berguna untuk mendapatkan atensi dari pengunjung. Jika pengunjung tidak sengaja klik bisa menjadi dollar yang mengalir buat para blogger. Hal ini sangat bermanfaat untuk dibuat.



Tutorial kali ini akan membuat sebuah contoh iklan melayang pada kanan kiri blog dan ada tombol closenya. Ukuran spanduk memanjang berukuran kurang lebih 90 x 720 (bisa diganti semau kita). Dan akan melayang float sesuai dengan scroll mouse kita. Untuk lebih jelas mari kita saksikan demonya.





KETERANGAN:
Iklan akan muncul di sisi kanan kiri seperti gambar ini, ada tombol close di sisi paling atas (lihat kotak merah) dan untuk gambar spanduk bisa diganti dengan gambar sesuai dengan apa yang kalian inginkan dengan mudah.

Yuk kita langsung ke langkah-langkah membuat iklan melayang di sisi kanan dan kiri blog.
Cara membuat float iklan:

1. Buka dashboard blogger dan masuk ke LAYOUT.



2. Tambahkan gadget dan pilih tambah script HTML



 3. Setelah itu copy script kode berikut :

<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://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai Iklan Kiri-->
<a href="http://sadewa.id/" target="_blank"><img src="https://s3.envato.com/files/63273578/big_preview.jpg" border="0" alt="iklan 160 x 600" title="Pasang Iklan Anda Disini" /></a>
<!--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='http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai Iklan Kanan-->
<a href="http://sadewa.id/" target="_blank"><img src="https://s3.envato.com/files/63273578/big_preview.jpg" border="0" alt="iklan 160 x 600" title="Pasang Iklan Anda Disini" /></a>
<!--Akhir Iklan Kanan-->
<!--end: floating ads--></div>


# Ganti kode yang berwarna merah dengan kode iklan sobat untuk posisi di kanan
# Ganti kode yang berwarna biru dengan kode iklan sobat untuk posisi di kiri



Jika sudah masukkan semua kode tersebut kedalam kotak konten lalu klik Simpan.. Selesai dan lihat hasilnya akan seperti gambar diatas tadi.


Mau update artikel terbaru dari kami? Silahkan masukkan email Anda di kolom subscribe agar mendapatkan info terbaru dari idutorial.com

Terima kasih, selamat mencoba.

0 Response to "Cara Membuat Iklan Melayang di Sisi Kanan dan Kiri Blog (Update)"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel