• put your amazing slogan here!

    flying banner for your blog


    Here is how to make a flying banner in your blog. before start you must think about this. actually this banner sometimes make your visitor confused, when they are enter your blog and then any banner flying around your blog it will really annoying your visitor better you put your banner everywhere in your blog. under post or sidebar. but whatever if you like it just try it :).


    here is the sample image for your banner




    what you have to do just copy the folowing code



    <style type="text/css">
    #topbar {
    position:absolute;
    z-index: 100;
    padding: 8px;
    background: #DB9D9A;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
    border: 3px ridge #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: #58FA58 0 2px 15px;
    -moz-box-shadow: #58FA58 0 2px 10px;
    margin:0 auto 10px;
    float:left;
    color:rgba(0, 0, 0, 0.75);
    font-size: 12px;
    font-family: Verdana, serif;
    text-shadow:0 1px 0 #FFFFFF;
    }
    #topbar img {
    border:none;
    }
    #topbar .butang {
    margin:0;
    padding-bottom:5px;
    text-align:right;
    }
    #topbar .butang button {
    color:#FFFFFF;
    border: solid 1px #494949;
    margin:0;
    padding:2px 15px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0,.6);
    background: #DB9D9A;
    background: -webkit-gradient(linear, left top, left bottom, from(red), to(#DB9D9A));
    background: -moz-linear-gradient(top, red, #DB9D9A);
    }
    #topbar .isi_iklan {
    background-color:#81F7BE;
    margin:0;
    padding:4px;
    width: 468px;
    border: 2px groove #FF8000;
    }
    </style>
    <script src="https://sites.google.com/site/teknikbuatblog/tbb/iklanpopup.js?attredirects=0&d=1" type="text/javascript"></script>
    <script type="text/javascript">
    var persistclose=1
    var startX = 20
    var startY = 20
    var verticalpos="fromtop"
    </script>
    <div id="topbar">
    <div class="butang"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><text><b>[X]</b></text></a></div>
    <div class="isi_iklan">

    Put your banner code in here

    </div>
    </div>
    The next step is how you put the code above, here is how to put the code.


    1. Login to your Blogger, and then Click Design :



    2. in the Page Element, click Add Gadget every where you want put the baner

    3. then chose HTML/Javascript




    4. Copy paste the code HTML in the box content and then click save.

    yap thats it. you are finish now. if you want created some pull down menu for blogspot enter here simple pull down menu for a simple and short menu.

    2 komentar:

    1. ble Australias første godt kjent for sin ultra-luksus bærekomfort og overlegen kvalitet UGG støvler merkevare, og selv verdens mest berømte UGG støvler merkevare.

      ReplyDelete
    2. Thanks for the trick. Flying banner is good alterbative for showing ads :)

      ReplyDelete

     

    About Me

    My Photo
    Hi, Im joys, Its my dreaming to be a full-time blogger, imagining a master blogger. But until now all still the same, just an ordinary Joys, newbie a blogger who tries to writing and share information about the culture of blogging. begin actively blogging from september 2009... read more about me

    Recent Comments

    Followers