Cara Membuat Iklan Melayang di Kiri dan Kanan Blog - Dengan memasang iklan pada tempat-tempat strategis, tentu akan sangat berpengaruh pada potensi klik pada iklan tersebut. salah satu tempat strategis untuk menempatkan iklan adalah sisi kiri dan kanan blog. Biasanya blogger menggunakan iklan dengan dimensi 160 x 600 untuk menempatkan iklan di spot itu.
Iklan yang melayang atau pop up biasanya tidak diperbolehkan tampil jika iklan itu tidak menggunakan timbol close, kalau tidak mengindahkan, ya siap-siap saja anda di tendang jadi publisher. Idblognetwork dan Google adsense adalah contoh yang memberikan syarat seperti itu pada TOS nya.
Ada dua cara untuk menempatkan iklan agar dapat melayang disisi kiri dan kanan blog, kita bahas keduanya agar anda semakin puas. Oke ..
Cara Pertama, Membuat Iklan Melayang dengan URL
~ Buka Tata letak blog anda
~ Add gadget, lalu klik Javascript/HTML
~ Masukan kode berikut ini
<style type="text/css">
#fixedbanner {
position: fixed;
top: 160px; /* Jarak dari atas */
right: 0; /* Apabila ingin di kanan ganti right menjadi left */
}
</style>
<div id='fixedbanner'>
<a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgps-Jdvcbeceh8aZyb01_azdEy0MWCv077bjENjivNkJ8MNjRAm6PEFAyGIHYxUJP9Mr99YkFJYPlCY1NWVaA5F4QnOOstbDhTjZeTwthtXXedqHLENWJF-w3IB85q1V3h7nE6gee4Qv4/s1600/delete2.png'/></a>
<a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a>
</div>
Ganti kode yang berwarna merah sesuai dengan yang anda butuhkan. sementara untuk URL banner, ganti dengan URL gambar yang ingin di tampilkan.
Cara kedua, Membuat iklan melayang dengan kode Iklan
<style type="text/css">#fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ } </style> <div id='fixedbanner'> <a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgps-Jdvcbeceh8aZyb01_azdEy0MWCv077bjENjivNkJ8MNjRAm6PEFAyGIHYxUJP9Mr99YkFJYPlCY1NWVaA5F4QnOOstbDhTjZeTwthtXXedqHLENWJF-w3IB85q1V3h7nE6gee4Qv4/s1600/delete2.png'/></a> }</style><div id='fixedbanner'><a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgps-Jdvcbeceh8aZyb01_azdEy0MWCv077bjENjivNkJ8MNjRAm6PEFAyGIHYxUJP9Mr99YkFJYPlCY1NWVaA5F4QnOOstbDhTjZeTwthtXXedqHLENWJF-w3IB85q1V3h7nE6gee4Qv4/s1600/delete2.png'/></a>kode iklan anda</div>
Untuk kode berwarna merah jangan lupa diganti, silahkan ganti right menjadi left jika anda ingin menampilkan iklan disebelah kiri, sementara untuk kode iklan, silahkan tempatkan pada posisinya dibawah.
Tutorial ini sangat mudah dan praktis bukan? tentu saja setiap artikel di www.blogjuragan.com memang saya buat hanya untuk anda, untuk pembaca setia blogjuragan. Tentu anda tidak keberatan untuk klik join pada blog ini. atau klik suka di fanpage blogjuragan disini : https://www.facebook.com/blogjuragan
Terimakasih kepada pembaca setia blogjuragan. kalian memang para juragan yang TOP Keren banget !.

Langsung ane praktek gan, :D
ReplyDeletesilahkan juragan..
Deleteijin praktek mas bro
ReplyDeleteoke mas bro..
Deleteternyata mudah ya gan,tadinya ane kira susah,kepikir cara pasang scriptnya dimana,ko bisa tampil disisi kira juga kanan.Makasih dan salam kenal dari newbie.
ReplyDeletesalam kenal juragan, terimkasih sudah berkunjung. semoga bermanfaat
DeleteThanks juragan..
ReplyDeleteizin untuk dipraktekan..
silahkan juragan di praktekan.
DeleteThanks mas fikri yang ganteng :v
ReplyDelete