Multi Role Popup Overlay Box For Your Blogger

• 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>

• Save it.