Cara Memasang Banner Iklan Melayang di Kanan dan Kiri Blog


Untuk meningkat kan jumblah klik iklan kalian,biasa nya ada yang menaruh iklan nya di dalam postingan,atau membuat iklan nya dengan efek sticky sehingga ketika di scrool iklan nya tetap keliatan,itu adalah hal yang biasa,bagaiman iklan nya kita buat melayang saja? jadi kemanapun tetap keliatan,jika penggunjung merasa terganggu bisa di klik close di samping nya? lebih mudah kan?

iklan yang akan kita buat melayang ini bukan cuma satu,tapi dua iklan yang melayang di sisi kiri dan kanan blog

liat contoh nya dibawah ini


cara memasang nya,ikuti tutorial dibawah 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/AVvXsEjgExi7FxjtPas5m6e9Nudnj9BVtPkYDoVUcZdo0KbnWazR9Qihvb8ruqLMF6F7cHRMyGYL2AtxXGRsH3SqcmqzxsLiiNVqaUSGOR4LzD1p9g176fIQAbsCZ_bilq5cIatmJHtJR0XMhyhh/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/AVvXsEiBifeE06u3pFepp09tDLcv0jFV7H_jX8avL7cloxvuqfaVE0VjyvMkSwwSqnma4DbC4NgrFqhF042amece8dtCmf-bAf95hBxoNpklCZs88s04V-MJSaoI1dbarhE-edJsZv7F_1W4yuHW/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/AVvXsEjgExi7FxjtPas5m6e9Nudnj9BVtPkYDoVUcZdo0KbnWazR9Qihvb8ruqLMF6F7cHRMyGYL2AtxXGRsH3SqcmqzxsLiiNVqaUSGOR4LzD1p9g176fIQAbsCZ_bilq5cIatmJHtJR0XMhyhh/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/AVvXsEiBifeE06u3pFepp09tDLcv0jFV7H_jX8avL7cloxvuqfaVE0VjyvMkSwwSqnma4DbC4NgrFqhF042amece8dtCmf-bAf95hBxoNpklCZs88s04V-MJSaoI1dbarhE-edJsZv7F_1W4yuHW/s1600/ban-melayang.gif" width="160" height="600"/></a><p></p></div></div></div>

ganti kode yang di tandai dengan keterangan blog kamu

2. simpan template


sekian tutorial kali ini

Artikel RACT Design Lainnya :

0 comments:

Post a Comment

Scroll to top