How to Add Floating Ads Banner in Blogger Right and Left

How to Install Floating Ads Banner in Blogger Right and Left - In this tutorial, SEO For Bloggers will give a tutorial How to Install Floating Ads Banner in Blog Right and Left . This drift in advertising, display ads will appear on the right side and the left side of the blog. So not only one but two banner ads.



Interested to install? Please follow the following steps:

Here's an example of banner display


How to Install Floating Ads Banner in Blogger Right and Left

1. Login to Blogger> Then click Layout> Create a new widget> Then copy the code below in it

<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/AVvXsEh9dElArW6oERJdZMsgPqQDFb1de-dXfi1x3WKJGOG8ST-3ZoQXNcNSu-HKj2Nw5dfKZFWNRcB4GRz3aT8NuPtJje4QTWcgOUjUjGk3pAeSDGupPdvnZeFjCNl-Qz6sXUfWuD6T3tPVdurO/s1600/close-btn.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a target="_blank" href="YOUR-LINK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHq25sBuY1PBZqPoSoc9rket9RxMPhXPZ6SrMk74JBsUMJTxTTkw1LSiPYm86nS0T-CleUh7TJBpKsis4xbu_AEPHgCZSFlX4xWs0_iSEB9UwNXusnxrdPzUX_y-UdXTr2-CJwVkJ0BRuW/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/AVvXsEh9dElArW6oERJdZMsgPqQDFb1de-dXfi1x3WKJGOG8ST-3ZoQXNcNSu-HKj2Nw5dfKZFWNRcB4GRz3aT8NuPtJje4QTWcgOUjUjGk3pAeSDGupPdvnZeFjCNl-Qz6sXUfWuD6T3tPVdurO/s1600/close-btn.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;"><a target="_blank" href="YOUR-LINK"><img style="border: none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHq25sBuY1PBZqPoSoc9rket9RxMPhXPZ6SrMk74JBsUMJTxTTkw1LSiPYm86nS0T-CleUh7TJBpKsis4xbu_AEPHgCZSFlX4xWs0_iSEB9UwNXusnxrdPzUX_y-UdXTr2-CJwVkJ0BRuW/s1600/ban-melayang.gif" width="160" height="600"/></a><p></p></div></div></div>

Contents / replace marked code with your information.

2. Save the widget and see the result . Good Luck :)



Post a Comment

Previous Post Next Post