Thursday, August 9, 2012

SIMPLE WAYS TO MAKE FLOATING ADS CLOSE BUTTON


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

http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/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/AVvXsEhTfajZmBEsAqI8pmK9NscUmT5L14kKDFMDqGQbEEuZBz40e6bvXX8OTtXcT3bFNxOQl0AJoGd0UA-vpORjE7x5E1NOjuUPc5cphL764ZjV2TJXQwiccHMgi6jF-kXYYjV8kopX1LoitTg/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" />




<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);}
}








<div style="text-align:right">

.:[Close][Klik 2x]:.




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




6.Saving


Good Luck Bro..

0 comments:

Post a Comment

ShareThis

Related Posts Plugin for WordPress, Blogger...

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes