">sideCategory1');

?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");

You Are Here: Home» Widget Tips » Simple Ways to Make Floating Ads Close Button

Simple Ways to Make Floating Ads Close Button

Posted by max master on 7/08/2011 04:03:00 AM |
Fellow bloggers might have seen this tutorial, is to my knowledge there are more complicated to use a lot of code, but here I try to give tips that are easier and very simple even for those of you bloggers who are new to coding can certainly do it.
  1. Log Into Your Account Blogger.com with each Surely
  2. Go to the Layout Tab
  3. Choose Page Elements
  4. Add a gadget Select the HTML / JAVASCRIPT
  5. And Copy the code below into it
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmu2r5PpJi93frFHs_lO1hEFlWRHYY4kb1niTaq7ZBZPZ20aGt5PhVX6l2QiPdGHdkIXSVCdCAVZQk3t1_H64UD5_VZIasUU2ureoCqZ5JM4JORqczYX01tkf9VYYdrjGhazlOfQXo8xg/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmu2r5PpJi93frFHs_lO1hEFlWRHYY4kb1niTaq7ZBZPZ20aGt5PhVX6l2QiPdGHdkIXSVCdCAVZQk3t1_H64UD5_VZIasUU2ureoCqZ5JM4JORqczYX01tkf9VYYdrjGhazlOfQXo8xg/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

 
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Enter the code in the ad or image that you want here

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

6.Saving

Good Luck Bro..
Tags: Widget Tips