How to install right and left advertisement banner with hovering effect in blogger - Hi guys, with the help of this article today I'm going to provide you a unique and stylish advertisement widget for your blog. If you install this advertisement widget in your blog, then your ads will appear on the right side and the left side of the blog.
In my previous article I already provided you a responsive banner ad widget for your blog, you can read that article here -(Responsive banner ad widget with close button)
Okay, Before you install this widget in your own blog my suggestion to you is that, first take a look of this widget by clicking on the below demo button.
Now If you like this widget and want to install it in your own blog, then follow the below instructions.
How to install right and left banner ads?
First go to your blogger dashboard - Visit
Now go to the "Layout" section and then click on the "Add a widget" option.
After that, select " Html/JavaScript ". (See the below image)
Now copy the below "HTML" code and paste it in Html box.
<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/AVvXsEh21A5IX9sLbBFOdKMGfHu3C2n7jT2EIyAMfM4E8PLVoSybORFMEO3s6Lv4dii_N6oJ11tW1OjNa3QC2mMSrXhnkb0wB7-ITa6MKpcmkV9kFdift87UKlWwdfoBuwBw5QMypBnyHhre29jm/s1600/close-btn.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a target="_blank" href="Paste You Link Here"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUbbbLlkPmc9hQ6UKs0KsCtQPdFjgGkxpQJi6E0uEziFZ5F8HWvCj38ER3fGgbvJJW3XB41Klesphn7Fak1Yap80rwzRYi6QjA7bxlhl-xwVPiyN_te_neVcq4EgPlFSvXFs9cQmD-UrM/s1600/left+and+right+banner+ad+widget+by+askwithloud.com.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/AVvXsEh21A5IX9sLbBFOdKMGfHu3C2n7jT2EIyAMfM4E8PLVoSybORFMEO3s6Lv4dii_N6oJ11tW1OjNa3QC2mMSrXhnkb0wB7-ITa6MKpcmkV9kFdift87UKlWwdfoBuwBw5QMypBnyHhre29jm/s1600/close-btn.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;"><a target="_blank" href="Paste Your Link Here"><img style="border: none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUbbbLlkPmc9hQ6UKs0KsCtQPdFjgGkxpQJi6E0uEziFZ5F8HWvCj38ER3fGgbvJJW3XB41Klesphn7Fak1Yap80rwzRYi6QjA7bxlhl-xwVPiyN_te_neVcq4EgPlFSvXFs9cQmD-UrM/s1600/left+and+right+banner+ad+widget+by+askwithloud.com.gif" width="160" height="600"/></a><p></p></div></div></div>
Note - You can replace the highlighted text or link with your own.
After that, click on the save widget button.
That's it! I hope you like this advertisement widget! Stay tuned for more cool widgets! Thanks for reading @Prince
0 Comment to "Right And Left Banner Ads Widget For Blogger"
Post a Comment