My Storry: Making ads at the top corners and bottom corners

Want to advertise on a blog such as this? located in the left corner and right, up and down the blog? If you want to stay put this code in your blog.
Java Script/Jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script>
$(document).ready(function(){
$("#bc-kiri-a").click(function(){
   $("#a-kiri").slideUp();
});
$("#bc-kiri-b").click(function(){
   $("#b-kiri").slideUp();
});
$("#bc-kanan-a").click(function(){
   $("#a-kanan").slideUp();
});
$("#bc-kanan-b").click(function(){
   $("#b-kanan").slideUp();
});
});
</script>

Css

<style>
#a-kiri{
    position:fixed;
    top:0px;
    left:0px;
    z-index:+1000;
    }
#a-kanan{
    position:fixed;
    top:0px;
    right:0px;
    z-index:+1000;
    }
#b-kiri{
    position:fixed;
    bottom:0px;
    left:0px;
    z-index:+1000;
    }
#b-kanan{
    position:fixed;
    bottom:0px;
    right:0px;
    z-index:+1000;
    }
#bc-kiri-a,#bc-kiri-b{
    top:0px;
    left:0px;
    z-index:+1000;
    }
#bc-kanan-a,#bc-kanan-b{
    top:0px;
    left:0px;
    z-index:+1000;
    }
</style>

Tag Html

<div id="a-kiri">
<img src="http://105.imagebam.com/download/MrEzlAJemw3OAwWVSVhoUw/21718/217176746/Close_Button.JPG" id="bc-kiri-a" />
Iklan anda
</div>
<div id="a-kanan">
Iklan anda
</div>
<div id="b-kiri">
<img src="http://105.imagebam.com/download/MrEzlAJemw3OAwWVSVhoUw/21718/217176746/Close_Button.JPG" id="bc-kiri-b" />
Iklan anda
</div>
<div id="b-kanan">
<img src="http://105.imagebam.com/download/MrEzlAJemw3OAwWVSVhoUw/21718/217176746/Close_Button.JPG" id="bc-kanan-b" />
Iklan anda
</div>

Save for Javascript & Css among <head> </ head> and to save between Html tags <body> </ body>

My Storry

Saturday, August 17, 2013

Making ads at the top corners and bottom corners

2 comments:

Blog Archive

Labels