Responsive in addition to fashionable subscribe box for Blogger (Blogspot)
Add responsive too fashionable subscribe box for Blogger (Blogspot)
Hello Bloggers! Today I'm going to part to you lot a Blogger subscribe box widget/gadget amongst Name too Email filling box style. From which people tin dismiss subscribe your weblog to acquire your latest updates on their electronic mail account. This widget/gadget is quite responsive too is besides dandy inwards appearance. You must role this widget/gadget.
Try this on your blog: Social Media Icons Buttons for Blogger (Blogspot)
Script code of subscribe box for Blogger (Blogspot)
<!-- Responsive too fashionable subscribe box for Blogger (Blogspot) (https://seo-expert-tutorial.blogspot.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 upwardly hither amongst your electronic mail address to have updates from this weblog inwards 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 refer .2. The glue this code on sidebar of your blog.
If whatever work occur. Please comment below inwards comment box. That work volition endure fixed.
Belum ada Komentar untuk "Responsive in addition to fashionable subscribe box for Blogger (Blogspot)"
Posting Komentar