Sunday, December 23, 2012

How To Create Floating Ads Below the Screen.

How To Create Floating Ads Below the Screen.


Hi. This time I'm going to share, how to create floating ads below the screen.

First Step:

Log in to your Blogger account
Go to Layout
Click the Add Gadget 
and Select HTML/JavaScript

Step 2 :

copy code below :
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
    </script><br />
    <script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <style type='text/css'>
    div#btm_banner {
    bottom: 0;
    position: fixed;
    width: 100%;
    opacity: 0.9;
    left: 0;
    }
    div#btm_banner img{
    border:0;
    cursor:pointer;
    }
    </style>
    <div style='height: 0px;'></div>
    <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
    <div style='text-align: right; width: 468px; height: 3px;'>
    <img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
    <div style='clear: both;'></div>
    <p>
    <p><center>

INSERT YOUR ADS CODE HERE!

    </center></p>
    </p>
    </div>


copy the code above, and paste in the widget.
replace the RED code with your ads code.

No comments:

Post a Comment