How to Add Floating Subscription Form in Blogger Blogs
Browse articles:
Auto Beauty Business Culture Dieting DIY Events Fashion Finance Food Freelancing Gardening Health Hobbies Home Internet Jobs Law Local Media Men's Health Mobile Nutrition Parenting Pets Pregnancy Products Psychology Real Estate Relationships Science Seniors Sports Technology Travel Wellness Women's Health
Browse companies:
Automotive Crafts, Hobbies & Gifts Department Stores Electronics & Wearables Fashion Food & Drink Health & Beauty Home & Garden Online Services & Software Sports & Outdoors Subscription Boxes Toys, Kids & Baby Travel & Events

How to Add Floating Subscription Form in Blogger Blogs

Adding a floating subscribe widget to blogger, will appear on head section as a floating notification bar

Adding a floating subscription box or bar to blogger header is really so easy, you should add this to make it easy to find subscription box to your visitor, beside this it will give you an advantage of grabbing the attention of your visitors to subscribe widget.

When your visitors found a sum of useful content they look at the subscribe button but the problem is merely same with all of us, placing subscription box and widget in various column and spaces will take space and increases the site loading time. Floating bar gives you advantage from such problems, it will float with the scrolling so the visitors will be able to see it always.

From a couple of week my readers asking me about this problem, as always I try to come up with the most possible solutions to your problem, this subscription box is also one of the great solution of increasing subscribers to your blog. The subscription bar have the closing button if you don’t want to add this please don’t use any image at closing tab.

Let me tell you how to put a floating subscription form to your BlogSpot blogs-

First of all you would like to see the demo-

How to add this widget to your blogger blog-

1- First of all you need to login to your admin panel of blogger.

2- At the dashboard you can see the design tab click on it and go to EDIT HTML panel

3- Now find the HEAD tag using Ctrl & F - </head>

4- Download the code and install (Add) it just before/above the HEAD

5- Intentionally I have used .doc file, it have red color HTML you can modify it as per your blog’s suitability

6- Now save the template

7- In next step go to Design Tab and click on ADD A NEW GADGET


<div id="topbar">

<a href="" onclick="closebar(); return false"><img src="" border="0" /></a>

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="" method="post" target="popupwindow" onsubmit="' BLOG FEED TITLE HERE’, 'popupwindow', 'scrollbars=yes,eight=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:110px" name="email"/></p><input type="hidden" value="BLOG FEED TITLE HERE" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="" target="_blank">Number 1 Reviews</a></p></form>


• To find this Blog feed title go to your feed burner account and click on the edit feed detail put only the title here

9- Don’t try to modify or change anything else except the RED COLOR TEXT

10- Now Save and see the changes

While you are please do not forget to leave your feedback i always love to listen you....

Happy Blogging!!

Additional resources:

Need an answer?
Get insightful answers from community-recommended
in Blogging on Knoji.
Would you recommend this author as an expert in Blogging?
You have 0 recommendations remaining to grant today.
Comments (7)

Excellent article

I am a new blogger so your information is a bit over my head, but well explained. Promoted since I am out of votes.

Excellent information!

Ranked #39 in Blogging

@Lucia @Robert @Jenny Thanks for your comment

Returning with a well deserved vote up.

Best CCSVI Mexico

Good and nice article ...

Thanks for the bunch of good resourceful site.I really appreciate your blog, you have done the great job.