Ads 468x60px

Tuesday, December 25, 2012

Add Top Subscription Widget on your Blogger






 The steps are made really simple. Follow these,

  • Go To Blogger 
  • Select an HTML/JavaScript Widget.
  • Paste the code below into the widget

    use this:

    <style>
    #feature_box{background:#f0f4f4;
     border-bottom: 1px solid #D4D4D4;
     padding:10px 15px 0px;}
    #sleek-subscribe{display: block;
     margin:0 auto; }
    .newsheadline {
    color:#222;
     font-size:16px;
     line-height:50px;
    float:left;
    font-weight:bold;
    }
    .newsheadline span{font-size:38px;
     color:#444;
    line-height:14px;
     font-family: "Droid Sans",arial,sans-serif;
     font-weight:normal;
    }
    .newsheadline cite{font-style:normal;
     color:#f00;
    }
    .signform{
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMNU12PKCgXj2zUd2-E9VZ72KWQUa6m29tzgRMncqacd6-jGe2aYvyabRYx5GzHCEgzskSK_5-3sWUEXaxgVnWOkV5iKqKOqfYKiy4DpzxfvcDXrVhMt6AwqEyc_Mo_TCzFZVqw36S2g/s1600/arrow.jpg') no-repeat;
    padding:0 0 10px 100px;
     float:right;
    }
    .txt2, .txt2:focus{
    width:140px;
     font-size:15px;
     background:#f7f7f7;
     color:#004B80;
     border:1px solid #E36B0A;
     margin:0 5px;
     float:left;
     padding:10px;
    width:160px;
     border-radius: 10px;
    }
    .btn2, .btn2:focus {
    background:#E36B0A;
     margin:0 5px;
     padding:8px 10px 9px;
     border:1px solid #AD5513;
     color:#fff;
     font-size:15px;
     border-radius:10px;
    }
    .btn2:hover{
    background:#6689b0;
    }
    </style>
    <div id="feature_box">
    <div id="sleek-subscribe">
    <div class="newsheadline"><span>Sign up</span> for <cite>FREE</cite> daily Updates.</div>
    <form action="http://feedburner.google.com/fb/a/mailverify?uri=multidrive" class="signform" method="post" target="_new">
    <input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'your name...';}" onfocus="if (this.value == 'your name...') {this.value = '';}" value="your name...">
    <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'your email address...';}" onfocus="if (this.value == 'your email address...') {this.value = '';}" value="your email address...">
    <input class="btn2" value="subscribe me!" type="submit">
    </form>
    <div class="clear"></div>
    </div>
    </div>
    </div>



     Now make these changes,
    • To change the any colour with a hexadecimal color of your choice.
    • Replace http://feedburner.google.com/fb/a/mailverify?uri=multidrive with your feedburner RSS Email Link
    • Replace multidrive with the Feedburner RSS Email Title which is always written at the end of your FEED Email Link as shown below,


0 comments:

Post a Comment

 

Sample text

Sample Text