Place an Ad
How to Make a floating Ads
immediate yes we do not need to discuss the many-many
The first step:
Login to your blogger account
Click layout
page elements
Html / JavaScript
Copy and paste the following code
<style type="text/css"><br> #gb{<br> position:fixed;<br> top:10px;<br> z-index:+1000;<br> }<br> * html #gb{position:relative;}<br><br> .gbcontent{<br> float:right;<br> border:0px solid #A5BD51;<br> background:#ffffff;<br> padding:10px;<br> }<br> </style><br><br> <script type="text/javascript"><br> function showHideGB(){<br> var gb = document.getElementById("gb");<br> var w = gb.offsetWidth;<br> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br> gb.opened = !gb.opened;<br> }<br> function moveGB(x0, xf){<br> var gb = document.getElementById("gb");<br> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br> var dir = xf>x0 ? 1 : -1;<br> var x = x0 + dx * dir;<br> gb.style.top = x.toString() + "px";<br> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br> }<br> </script><br><br> <div id="gb"><br><br> <div class="gbtab" onclick="showHideGB()"> </div><br><br> <div class="gbcontent"><br><br> <div style="text-align:right"><br> <a href="javascript:showHideGB()"><br> <img src="http://www.fileden.com/files/2009/10/12/2599919/close.gif" /><br> </a><br> </div><br> <center><br><br> <br><br> </center><br><br> <script type="text/javascript"><br> var gb = document.getElementById("gb");<br> gb.style.center = (30-gb.offsetWidth).toString() + "px";<br> </script></center></div></div>
that reads: "Enter the ad code or image that you want here" Replace with your ad code
then click Save.
Done ..
Home
Subscribe to:
Posts (Atom)