- Open Blogger.com > Template > Edit HTML.
- Now press
Ctrl +F and search for]]></b:skin>
tag & paste below code above it.#HU-Footer-Subscribe-Box{border:1px solid rgba(221,221,221,0.43);border-radius:10px 10px 10px 10px;box-shadow:0 0 30px #EEE inset;margin-bottom:10px;padding:2px;text-align:center}#HU-Footer-Subscribe-Box h1{color:#000;font-family:'Open Sans Condensed',sans-serif;font-size:24px;line-height:30px;margin-bottom:5px;margin-top:5px;padding:0}#HU-Footer-Subscribe-Box input{border:medium none;border-radius:5px 5px 5px 5px;box-shadow:0 0 5px #C2C2C2 inset;color:#666;font-family:georgia;font-size:14px;margin-bottom:5px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px}#HU-Footer-Subscribe-Box .submit{background:none repeat scroll 0 0 #Bf0100;border:0 none;border-radius:3px 3px 3px 3px;box-shadow:0 1px 2px #B6B6B6;color:#FFF;cursor:pointer;font-family:georgia;font-weight:700;margin:0 auto;text-shadow:1px -1px 0 rgba(0,0,0,0.4);text-transform:uppercase}#HU-Footer-Subscribe-Box .submit:hover{color:#FFF;opacity:0.8}#HU-Footer-Subscribe-Box .submit:active{background:0 repeat scroll 0 0 transparent} - Now just navigate to Blogger > Layout > Add Gadget.
- Now add below code into HTML/JavaScript Gadget and hit Save. (you can put this code anywhere you want to display this gadget.)
<div id="HU-Footer-Subscribe-Box"><h1>Subscribe our email newsletter for future updates :)</h1><p></p><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Way2GetOnline', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><center><input name="email" size="30" type="text" required='required' placeholder="Enter your email address :)"><input name="uri" type="hidden" value="Way2GetOnline"><input name="loc" type="hidden" value="en_US"> <input class="submit" type="submit" value="Subscribe"></center></form></div> - So now just change the lines in blue with your personal feedburner username and now refresh your blog and see this subscribe box live.
Friday, 12 July 2013
Simple Footer Newsletter Subscribe Box for Blogger Blogs
Recommended Articles
- BLOGGER
How to Hide Posts from your Blogger Homepage EasilyJul 12, 2013
Normally whenever you start a new blog, the default layout you get is like posts section on the left and sidebar on the right, so that's default a...
- BLOGGER
Simple Footer Newsletter Subscribe Box for Blogger BlogsJul 12, 2013
Earlier I posted Awesome Colorful Newsletter Box and today I have found another footer feedburner subscribe box which you can use right b...
- BLOGGER
Awesome Colorful Newsletter Box Widget for Blogger BlogsJul 12, 2013
Providing Newsletter using Feedburner or any other service is a great way to engage with your users through email medium. People can subs...
- BLOGGER
Infinite Post Scrolling Effect for Custom Blogger TemplatesJul 12, 2013
I posted earlier how you can apply this awesome infinite scrolling effect to your default blogger template's, so as this tutorial was really big s...
- BLOGGER
Infinite Post Scrolling Effect for Default Blogger TemplatesJul 12, 2013
Hey you might be attracted to this post by just looking at the title suggesting you to create some awesome post loading effect you might have seen ...
- BLOGGER
Blogger Backup - Full Details on Backing Up & Restoring ItJul 12, 2013
Backup is the key to success in my terms as if you are strong from your side then your opponent who is trying to knock you out, will always receiv...
- BLOGGER
How to Add 3D Style Facebook Like Box to Blogger BlogsJul 12, 2013
Do you love the facebook like box we are using on our website, well its pretty much looks like a 3D styled FB like box, well if you were in search ...
- BLOGGER
Screen Fit Responsive Blogger Template DownloadJul 12, 2013
DOWNLOAD NOWVIEW LIVE DEMO Screen Fit is another responsive template that looks like a clone of Labnol.org template by its main framewo...
- BLOGGER
Labnol.org Technology Blog Template for Blogger DownloadJul 12, 2013
DOWNLOAD NOWVIEW LIVE DEMO Labnol.org can classified as the biggest tech blog in that niche and it has recently introduced a new design that’s si...
- BLOGGER
How to Customize Blogger's Official Lightbox using CSSJul 12, 2013
Blogger added the Lightbox feature to add more interactivity to images we normally upload in our post, with their lightbox its much more easier to...
- BLOGGER
How to Disable Lightbox View in Blogger ImagesJul 12, 2013
As you all know blogger applied an automatic lightbox view for all the images on blogger websites. Well if you are new to your blogger blog you mig...
- BLOGGER
How to Add Widget Codes below First Post in BloggerJul 12, 2013
So do you need to add one more ad unit and you just need to direct advertise your friends website or anything now you can add that unit right bel...
- BLOGGER
How to Add Awesome Google Styled Button in BloggerJul 12, 2013
You might have seen button's used on Google search page, the gradient effect they are using is simply looks professional and eye catching, well I fo...
- BLOGGER
Add Retro Style Social Sharing Widget with Subscribe BloggerJul 12, 2013
I have shared many widget tutorials for blogger regarding these sharing gadgets and other things today I am posting another retro styled sharing wid...
- Back Links
Removing Website Field from Wordpress Comment FormJul 12, 2013
Blogger's love people to comment on their post's and article's to suggest them something new, maybe they can figure out some bugs in their post a...
http://gamezertruth.blogspot.com/
ReplyDelete