Cara membuat iklan melayang di samping kanan dan kiri blog dengan tombol close

On Tuesday, November 4th, 2014 Categories : Blogging
Advertisement

Hallo kawan blogger semuanya, apa kabar? semoga sehat selalu ya :)
Pada kesempatan kali ini saya ingin membagikan tutorial blogger tentang Cara membuat iklan melayang di samping kanan dan kiri blog dengan tombol close , judulnya lumayan panjang tapi insyaAllah isinya panjang juga , hahaha

Penasaran? oke kita langsung saja, iklan melayang di samping kanan dan kiri blog dengan tombol close yang saya maksud seperti ini, perhatikan screenshoot berikut :

Sebelum saya jelasin cara membuatnya, perlu di ingat dalam memasang iklan melayang seperti ini harus disesuaikan dengan tampilan/theme blog yang anda pakai, pastikan blog anda mempunyai ruang kosong yang cukup disamping kiri dan kanan, jangan sampai iklan melayang yang anda pasang mengganggu pengunjung blog anda, sehingga pengunjung jadi gak betah mampir, hehe

Dan langkah-langkah untuk memasang iklan melayang di kiri dan kanan blog adalah sebagai berikut:
1. Silahkan login ke akun blogger (blogspot) anda kemudian menuju dashboard
2. Pilih tata letak kemudian pilih add gadget (tempat gadgetnta bebas, soalnya gak bakalan ngaruh)
3. Pilih HTML/javacsript

4. Kemudian pastekan kode berikut pada kotak html/javascript yang tersedia :

<!“ floating ads infoapasaja.com “>
<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 infoapasaja.com“>
<div id=teaser2³ style=width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;><div>
<a href=# id=close-teaser onclick=document.getElementById(teaser2²).style.display = none’; style=cursor:pointer;><center>
<img src=http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png/></center>
</a></div>
<!“Mulai Iklan Kiri“>LETAKKAN SCRIPT IKLAN DISINI<!“Akhir Iklan Kiri“>
</div>
<!“end: floating ads infoapasaja.com“><!“start: floating ads infoapasaja.com“>
<div id=teaser3³ style=width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;><div>
<a href=# id=close-teaser onclick=document.getElementById(teaser3²).style.display = none’; style=cursor:pointer;><center>
<img src=http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png/></center>
</a></div>
<!“Mulai Iklan Kanan“>

LETAKKAN SCRIPT IKLAN DISINI

<!“Akhir Iklan Kanan“>

</div>
<!“end: floating ads infoapasaja.com“>
<!“ end: floating ads infoapasaja.com “>

NB : Ganti tulisan LETAKKAN SCRIPT IKLAN DISINI dengan kode iklan anda

5.  jika sudah klik SAVE

Demikianlah tutorial dari saya, semoga bermanfaat ya :)

Incoming search terms:

  • kode float banner di wordpress dengan tombol close
Advertisement
Leave a Reply