Sexy and Great Looking Subscribtion Box For Blogger

Subscribtion for blogger is more important . If you find your blog has very low subscribers no worries , the sexy and great looking subscribtion box will help to gain more feedburner subscibers for your blog . Before i start giving the steps i would like to thank Hassam For sharing this awesome subscribtion box .

Lets Have A Look at the screen shot how it l.ooks on your blog :

subscription box

Steps to install :

  1. Go to Blogger Dashboard
  2. Select the Layout 
  3. click on the add a Gadget 
  4. Scroll Down and select Html /Javacript .
  5. Simply copy the below code 
<div class="subscribe_outer"><div class="subscribe_wrapper"><h5>Subscribe Via Email</h5> <p>Enter your email to get free Updates of EXPLORE IT</p><div id="btntEmailsub"><form class="btntEmailform" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=jstxplore', 'popupwindow', 'scrollbars=yes,width=300,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify"><input type="hidden" value="jstxplore" name="uri" /><input type="hidden" value="en_US" name="loc" /><input class="emailText" type="text" value="Enter your email..." onfocus="if (this.value == " enter your email...") {this.value="" }" onblur="if (this.value == " ") {this.value="enter your email..." ;}" name="email" /><input class="emailButton" type="submit" value="Signup Now! (FREE)" title="" /></form></div></div></div><style> .subscribe_outer {    background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/color-chronicl.gif") repeat scroll 0 0 transparent;    margin: 0 -10px;    padding: 5px 0;}body {    color: #272727;    font-family: Georgia,"Times New Roman",Times,serif;}body {    color: #272727;    font-family: Georgia,"Times New Roman",Times,serif;}.sidebar .subscribe_wrapper h5 {    color: #FFFFFF;}.sidebar h5 {    color: #272727;    font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;    font-size: 15px;    font-weight: normal;    padding: 4px 0 10px;}h5, h6 {    letter-spacing: 2px;    text-transform: uppercase;}.sidebar .subscribe_wrapper h5 {    color: #FFFFFF;}.sidebar h5 {    color: #272727;    font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;    font-size: 15px;    font-weight: normal;     padding: 4px 0 10px;}h5, h6 {    letter-spacing: 2px;    text-transform: uppercase;}.subscribe_wrapper {    background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/pattern-chronicl.png") repeat scroll 0 0 #333333;    color: #CCCCCC;    font-size: 14px;    line-height: 20px;    padding: 38px 50px 18px 38px;}.emailButton {    background:#249334;    border: 0 none;    border-radius: 4px 4px 4px 4px;    color: #FFFFFF;    cursor: pointer;    font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;    font-weight: bold;    padding: 10px 40px;    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);    width: 100%;}.emailText {    background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/email.png") no-repeat scroll 10px center #FFFFFF;    border: 0 none;    border-radius: 4px 4px 4px 4px;    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset;    color: #444444;    padding: 10px 40px;    margin: 0 0 15px;     text-decoration: none;    width: 70%;}input, textarea {    font-family: Georgia,"Times New Roman",Times,serif;}.subscribe_wrapper {    color: #CCCCCC;    font-size: 14px;    line-height: 20px;}.post-body .emailButton {    width: 300px;}.emailButton {    background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent;    border: 0 none;    border-radius: 4px 4px 4px 4px;    color: #FFFFFF;    cursor: pointer;    font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;    font-weight: bold;    padding: 10px 40px;    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);    width: 100%;}</style>
Change the following in the above code "jstxplore" with your feed burner id .

Thats it .

Hope you love this subcription box .
Queries or problem ? Feel free to ask us via comments :) 

Email Newsletter

Subscribe our daily newsletter us for Free Updates

Blogger widgets

Categories:

0 comments:

Post a Comment

1.Your feedback is appreciated .we will try to respond as soon as possible .
2.While commenting make sure you click "subscribe by mail ", so that you will be notified follow up replies
3.Please don't spam ,dont use keyword in the name section, don't drop the links for the sake of backlinks and other purpose ( Comments will not be published and deleted)
4.Make sure you check the previous comments , before asking any any queries . you may get the solition in the comments itself.
5.Comments should be related to the topic .
if above all not followed the user may result in ban :(

    Contributors

    Powered By Blogger

    About Explore IT

    Explore IT is a Technology blog , In simple Words
    " One Stop For the Latest Updates "
    Mobile Phone,Smartphone,Tablets,PC,Laptop,Games,
    Software,Hardware,Blog .

    Any One Can Share and Explore their Knowledge to the unknown.
    (Read our Privacy policy and Guest Post Terms)

    Follow Us Via Facebook and Twitter

    Total Pageviews

    Followers