Multi Role Popup Overlay Box For Your Blogger

Views:

Friends, This is a simple and multi role popup box for your blogger. You can place your ads, social sharing widget, links,news etc on this box. Also you can place a redirected open new tab link, when we are close this box. Also you can adjust width, height etc.. You can place it on your blog easily. Jus follow below steps and enjoy…..

Select Layout option.

Click on Add a gadget link.

Select HTML/JavaScript option from given list.

Copy below code and paste it on HTML/JavaScript box.

<style>
    #btftopbar {
    height:30px;
    width:auto;
    background: #69F url('..');
    background-repeat:repeat-x;
    text-align:left;
    padding-top:4px;
    }
    #adsground {
    height:275px;
    margin:0 auto;
    width: 300px;
    background:#fff;
    border-bottom:2px #69F solid;
    border-right:2px #69F solid;
    border-left:2px #69F solid;
    text-align:center;
    padding:4px;
    }

    #headlineatas {
    opacity:10;
    height:auto;
    width:auto;
    position:fixed;
    top:65px;
    left:365px;
    border-bottom:1px #005094 solid;
    border-bottom:0px blue solid;
    color:#333;
    padding:0px;
    z-index:1001;
    font-size:13px;}
    </style>
    <script type="text/javascript">
    function getValue()
    {
    document.getElementById("headlineatas").style.display = 'none';
    }
    </script>
    <div id="headlineatas">
    <div id="btftopbar">

    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Updates</span>
    <span style="color:#fff;font-size:13px;font-weight:bold;float:right;padding-top:3px;padding-right:10px"><a href="YOUR -REDIRECT-LINK-HERE" target="_blank" onclick="getValue()"><span style="color:#FFF;font-size:13px;">CLOSE</span></a>
</span>
    </div>
    <div id="adsground">

    <p>

YOUR – TEXT OR HTML/JAVASCRIPT- CODE-HERE

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