The Default Feedburner subscription Box is quite boring. And Subscribing is one of Simple way to get more Reader And traffic to your blog. So, the look of the feedburner Subscription Box is really Matters.
In this i am Providing some stylish feedburner Subscription box . I Am confident that you like it.And you will get maximum readers and traffic to your blog.
The all Subscription box is really cool and for applying it to your blog , you Just have to follow the steps Which Are mention below :
STEP 1- Copy the code which is given below.
STEP 2- Now, Log in to blog , And go to Layout
STEP 3- Click on " Add a Gadget "
 |
STEP 4- Now Add HTML/Javascript
STEP 5- Paste the code which you are copied previously.
STEP 6- Save it.
#Tricbuzz Feedburner Subscription Box -1
The Feedburner Subscription Box is look like as shown in Image.
CODE
<b:if cond='data:blog.url != data:blog.homepageUrl'><div id="subscribe-box-sbm"> <div class="white-border"> <div class="subscribe-box-sbm-wrap"> <h4>Don't Miss Another Article</h4> <p>Join over 10,000 people who get FREE and fresh content from this Blog. We Respect Privacy, You're Safe! No Spam!</p> <form id="subscribe" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Tricbuzz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify"> <input id="subbox" type="email" name="email" onblur="if ( this.value == '' ) { this.value = 'Enter your email address...' } " onfocus=" if ( this.value == 'Enter your email address...') { this.value = '' }" value="Enter your email address..."> <input type="hidden" value="Tricbuzz" name="uri"> <input type="hidden" value="en_US" name="loc"> <input id="subbutton" type="submit" value="Subscribe"> <p>HEY, COMPLETE YOUR SUBSCRIPTION! CHECK YOUR INBOX NOW...!</p> </form> </div> </div> </div> <style> #subscribe-box-sbm { background-color: #f5f5f5; border: 10px solid #e4e4e4; margin-top: 30px; } #subscribe-box-sbm .white-border { border: 1px solid #fff; } .subscribe-box-sbm-wrap { background: url("https://lh5.googleusercontent.com/-Jk33mfePNXA/URuWhbGkxkI/AAAAAAAABVc/vwzUJ2veG-0/h120/signup-ribbonblue-sbm.png") no-repeat scroll left top transparent; margin: -17px -18px; overflow: hidden; padding: 45px 30px 40px; text-align: center; text-shadow: 1px 1px #fff; } .subscribe-box-sbm-wrap h4 { text-align: center; font-size: 26px; } .subscribe-box-sbm-wrap p { margin: 0 35px 20px; text-align: center; } .subscribe-box-sbm-wrap input[type="email"] { background: url("https://lh6.googleusercontent.com/-ZIg5thLqiDY/URuTyxSPNFI/AAAAAAAABVA/lei3Y-3lELE/s50/email%2520icon%2520sbm.png") no-repeat scroll left center #fff; box-shadow: 0 0 5px #ccc inset; color: #999; font-family: 'proxima-nova',sans-serif; font-size: 12px; margin: 0 5px; padding: 15px 0 15px 45px; width: 40%; } .subscribe-box-sbm-wrap input[type="submit"] { box-shadow: 0 1px 1px blue; font-size: 14px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; } input[type="submit"] { font-family: Helvetica, Arial, sans-serif; font-size: 14px; height:45px; color: white; cursor: pointer; background-color:#0090ff; border-radius: 20px; border: 5px none #ECEAE5; padding: 11px 20px 9px 20px; margin: 10px 10px 10px 0px; } </style></b:if>
#Tricbuzz Feedburner Subscription Box -2
The Feedburner Subscription Box is look like as shown in Image.
CODE
<style type="text/css"> #subscribe-wrapper { background: urlundefinedhttp://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent; padding: 3px; } #subscribe-box { background: urlundefinedhttp://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7; border-radius: 15px; padding:5px; overflow: hidden; } a.linkopacity img { filter:alphaundefinedopacity=75); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -ms-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; padding: 3px; border: 1px solid #999; } a.linkopacity:hover img { filter:alphaundefinedopacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; -moz-box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); -webkit-box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); } #subscribe-box:hover table { top: 0; } #subscribe-box h1{ margin-top: 5px; color: black; font-family: arial; font-size: 15px; margin-bottom: 5px; line-height: 14px; font-weight: bold; text-align: center; letter-spacing: -1px; } #subscribe-box table { position: relative; top: 40px; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -ms-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; margin-bottom: 0px; } #subscribe-box td { padding: 2px; } #subscribe-box input{ background: white; border: medium none; font-size: 12px; padding: 10px; width: 150px; color: #666; font-family: arial; margin-bottom: 3px; width: 55%; } #subscribe-box input:focus{outline:none;} #subscribe-box .submit{ background: #E73827; color: #fff; cursor: pointer; font-weight: bold; text-shadow: 0 1px 2px black; width: 90px; font-family: arial; margin-left: -3px; font-size: 14px; } </style> <div id="subscribe-wrapper"> <div id="subscribe-box"> <h1>Subscribe to Get Latest Tutorial via email</h1> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tricbuzz, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <center> <input name="email" onblur="if undefinedthis.value == "") {this.value = "enter your email address...";}" onfocus="if undefinedthis.value == "enter your email address...") {this.value = ""}" size="20" type="text" value="enter your email address..." /> <input name="uri" type="hidden" value="Tricbuzz" /> <input name="loc" type="hidden" value="en_us" /> <input class="submit" type="submit" value="subscribe" /></center></form> <center> <table> <tbody><tr><td><a href="http://tricbuzz.blogspot.com/feeds/posts/default?alt=rss" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlfqJaOjqmyOs2p0Nb_fO2kCb-dbjmiokPDwvLedUfQK-qCBxk_JJdzIWrYSmIMhJDmV7ZKTGy0_CQsmEYcRXEKGnzCQBJMI1KsjtpvZiZVfH_8PL8v98jYguwARHypdAbhHEU0PdPi-8/s320/rss.png" /></a></td> <td> <a href="http://www.facebook.com/tricbuzz" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYeVcWIeOTsnP-bRIl9aMr5nU48CTMIVgYMEgczvYO5Yf4ZAeN5RnCWozbebSPugCNczmFTUw5b-QQ8kU0bLSuJSlIk-XhLHws9SEUaemz40hnknMVmONVPskKc1Cyf6VhLyAcd5fY4-0/s320/facebook.png" /></a> </td> <td> <a href="http://twiiter.com/tricbuzz" class="linkopacity" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVHEWLxo3DYYwlP0xBPBceIUJa38vGbRseNKQI-CvFtkUyfu-CE49qN9KNiBb_pM3DEbtaIdqxtRBcSQ9LzsWNxgRyv6zPcBi3TSdF9k0afSkHfUiWEdWn1gRxY9Soi7ESj9eDp-q11I8/s320/twitter.png" /></a> </td> <td> <a href="https://plus.google.com/YOUR_G+_ID" class="linkopacity" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQkNPKsdNW_zgN3Hmn7t8oKJYW4lKPXqE-C1fQXOvSETIp-EYsfGfSN5BoCevpBLwoA74NNO9Ftwc85TchpHv1ifxN-XJJSAMVMNIA_xqekN0Z8Fa_qZTaG8g0R7-PdEWnlPmy3EJfi5Q/s320/Google.png" /></a> </td> </tr></tbody></table> </center> </div></div>
NOTE - Replace Tricbuzz with your Requirement.
Tricbuzz >>>>> Download Now
ReplyDelete>>>>> Download Full
Tricbuzz >>>>> Download LINK
>>>>> Download Now
Tricbuzz >>>>> Download Full
>>>>> Download LINK