Add responsive in addition to fashionable subscribe box for Blogger (Blogspot)
Hello Bloggers! Today I'm going to portion to yous a Blogger subscribe box widget/gadget amongst Name in addition to Email filling box style. From which people tin subscribe your weblog to acquire your latest updates on their e-mail account. This widget/gadget is quite responsive in addition to is besides peachy inward appearance. You must piece of work this widget/gadget.
Try this on your blog: Social Media Icons Buttons for Blogger (Blogspot)
Script code of subscribe box for Blogger (Blogspot)
<!-- Responsive in addition to fashionable subscribe box for Blogger (Blogspot) (http://www.howtolearnblog.com) created yesteryear Vishal Jaiswal (www.vishaljaiswal.in) --> <style type='text/css'> #subscribe-box{width:300px;height:auto;border-radius:2px;background-color:#3498db;box-shadow:5px 3px 0 0 #7f8c8d;padding-bottom:10px;margin-bottom:5px;}#subscribe-box .title{padding:10px 25px;line-height:16px;font:16px Century Gothic;color:#fff;text-align:center;background:#393939;text-transform:uppercase;border-radius:2px 2px 0 0;}#subscribe-box p{font-family:"Century Gothic",Century Gothic,Sans-Serif;font-size:14px;color:#FFF;line-height:20px;padding:10px 20px 0 20px;margin:0;}#subscribe-box .emailfield{padding:0 20px 10px;}#subscribe-box .emailfield input{color:#777;padding:10px;margin-top:10px;font-size:13px;font-family:"Century Gothic",Century Gothic,Sans-Serif;width:92%;border:0;border-radius:2px;box-shadow:0 3px 0 0 #bbb;}#subscribe-box .emailfield input:focus{outline:none;}#subscribe-box .emailfield .submitbutton{background:#F4836A;color:#fff!important;border:none;outline:none;width:100%;cursor:pointer;border-radius:2px;box-shadow:0 3px 0 0 #e23b16;}#subscribe-box .emailfield .submitbutton:active{padding-top:11px;padding-bottom:9px;box-shadow:0 1px 0 0 #3293ba;}#subscribe-box .emailfield .submitbutton:hover{background:#DD7761;} </style> <div id='subscribe-box'> <div class='title'> Subscribe Here </div> <p>Sign upward hither amongst your e-mail address to have updates from this weblog inward your inbox.</p> <div class='emailfield'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=howtolearnblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='Your Name'/> <input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/> <input name='uri' type='hidden' value='howtolearnblog'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now!'/> </form> </div> </div> </div> |
Try this: Responsive Recent Post Widget on Blogger/Blogspot
How to setup subscribe box for Blogger (Blogspot)?
Follow these steps:
1. Replace all the yellow marked name amongst your weblog feed cite .2. The glue this code on sidebar of your blog.
If whatever employment occur. Please comment below inward comment box. That employment volition hold upward fixed.
0 Response to "Responsive In Addition To Fashionable Subscribe Box For Blogger (Blogspot)"