Memasang Banner Iklan Melayang di Kanan dan Kiri Blog

Memasang Banner Iklan Melayang di Kanan dan Kiri Blog

Snippet Tips Blogger

Arlina

6/05/2017

Pada tutorial kali ini, Arlina Code akan memberikan tutorial Cara Memasang Banner Iklan Melayang di Kanan dan Kiri Blog. Dalam pemasangan iklan melayang ini, tampilan iklan akan terlihat pada sisi kanan dan sisi kiri blog. Jadi bukan hanya satu iklan melainkan dua banner iklan.

Tertarik untuk memasangnya? Silakan ikuti beberapa langkah berikut ini :

Berikut contoh tampilan banner ini

Cara Memasang Banner Iklan Melayang di Kanan dan Kiri Blog

1. Login ke Blogger > Lalu klik Tata Letak > Buat widget baru > Kemudian salin kode di bawah ini didalamnya

<style scoped='' type="text/css">
#iklankirikanan{position:fixed;_position:absolute;top:0;right:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)}
</style>
<script type="text/javascript">
function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close1(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="iklankirikanan">
<div style="text-align: right;">
<a href="" onclick="close1(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUo4MbYQXSfU6ILrR09n9OKPxIHFkI5Kmo4i8z5HzJaEt0k355P00b3DiTl4thQiumtiO-_chXD8aDLU7tXx41r8nN2n2_jQ_eUqv4qdlK4jCcY-og6on3GFkzhriB-OcCdp_GqgyGrs4B/s1600/close-btn.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a target="_blank" href="LINK-TUJUAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4TOhFBqklO12x3Zv8QZ2OQnBfq19NSwoIYtljH3UpzwnXFb5Yg3F5MJCkDrLBd0jZ2dyuumgEZ32r-VpFr-_a20waLq4wysEbjGWdGXx2HN6IjHVInoZBu5YBDy4L_GN5gJRBirrWqIK8/s1600/ban-melayang.gif" style="border: none;" alt="Iklan Melayang" /></a></div>
</div></div>
<style scoped='' type="text/css">
#iklankirikanan1{position:fixed;_position:absolute;top:0;left:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)}
</style>
<script type="text/javascript">
function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close11(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan1").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="iklankirikanan1">
<div style="text-align: left;">
<a href="" onclick="close11(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUo4MbYQXSfU6ILrR09n9OKPxIHFkI5Kmo4i8z5HzJaEt0k355P00b3DiTl4thQiumtiO-_chXD8aDLU7tXx41r8nN2n2_jQ_eUqv4qdlK4jCcY-og6on3GFkzhriB-OcCdp_GqgyGrs4B/s1600/close-btn.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;"><a target="_blank" href="LINK-TUJUAN"><img style="border: none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4TOhFBqklO12x3Zv8QZ2OQnBfq19NSwoIYtljH3UpzwnXFb5Yg3F5MJCkDrLBd0jZ2dyuumgEZ32r-VpFr-_a20waLq4wysEbjGWdGXx2HN6IjHVInoZBu5YBDy4L_GN5gJRBirrWqIK8/s1600/ban-melayang.gif" width="160" height="600"/></a><p></p></div></div></div>

Isi / ganti kode yag ditandai dengan keterangan Anda.

2. Simpan widget.

• Result

Demikian tutorial Cara Memasang Banner Iklan Melayang di Kanan dan Kiri Blog, semoga berhasil terpasang di blog Anda.

Arlina