How To Add Pop-Up Subscription Form In Blogger

Add Pop-Up Subscription Form In Blogger

Hello Friend’s in today’s article, we are going to tell you how to Add Pop-Up Subscription Form In Blogger. When any visitor can your website then this email subscription form will automatically open after some time. This email subscription pop-up are used are to capture the email of the visitor. When you capture the email of so many people then you can done email market and earn huge amount of money through your blog.

Add Pop-Up Subscription Form

Friends, all of you have heard about Email Marketing, in which you can tell people about your Website and Latest Update through Email. By doing this, people get information about your website and they visit your website, so you can easily increase Traffic on your website.

Now the first question is how can you get an email address of people interested in your topic?

The answer to this question is, that you can add the Subscribe Box to your website, so that those who visit your website will use Directive Box to subscribe to your website, for which they will have to enter the Email Address. And that email address will get you

Now the second benefit of Email Subscribe Box is that whenever you make some latest updates on your website, your subscribers will receive direct email send and they get the information of your latest update.

But to do this, you have to get help from Online Tools, for which Feedburner is a better tool for you because it’s Google’s product and it’s totally free. You just have to create Feedburner account, and then you can use Subscribers to your Feedburner Feed URL.

Benefits of Add Pop-Up Subscription Form In Blogger
  1. Popup Email Subscribe box is displayed on the front of your website at the very least, whether your readers want it or they want to follow or ignore it.
  2. In such a situation, chances are very much that people subscribe to your website so that you can increase as many subscribers very easily.
  3. PopUp Email Subscribe box is responsive so that it works well on all desktops, laptops, mobile and tablets.
  4. See Look Wise, PopUp Email Subscribe Box is very good to see and do a professional look to your website.
Disadvantage of Add Pop-Up Subscription Form In Blogger
  1. Popup always distracts readers. As a result, interest less is reduced to reading from the topic that he visited on your website for reading.
  2. Normally most people do not like to open such a website that pops up.
  3. Popup Email Subscribers are better for growing, but they also distract your readers. Therefore, it is much better than Adding PopUp Subscribe Box to add the Subscribe Box in the sidebar.

Now if you do not want to add the Subscribe Box in the Sidebar, then we have already published Blogger Blog, which has published the article. You can easily add the Subscribe Box to your Blogger Blog by reading that article.

How to Add Pop-Up Subscription Form In Blogger?

Add Pop-Up Subscription Form Box is very easy, you just have to follow some basic steps and you can easily Add Pop-Up Subscription Form In Blogger.

Note: To add Add Pop-Up Subscription Form Box, you must have a Feedburner account, so if you do not have a Feedburner account, first create your Feedburner Account.

Step 01. Login into your Blogger Dashboard

First of all, log in to your Blogger Dashboard, for which you can visit Blogger’s Official Website and login with your Login Id & Password.

Step 02. Copy the Bellow Code

You first have to copy the given code first and paste it on the HTML section of your blog.

This is for Code Design, which is used to adjust your theme according to this Popup, so you have to follow some Basic Steps to add this Code to the Theme like-

01-Go to Theme Section

When you login to Blogger’s Dashboard, Right Hand Side gives you some options in which you get an option of the theme. Click on the option of that theme.

02- Open your Theme Coding

On going to the Theme Option, you get an option of your Theme and its option of right HTML, as you can see in the image shown above. You have to click on the option of that HTML.

add email subscribe button


03- Find Style Section

After clicking on the option of HTML, you have CodingOpen of your entire theme, in which you have to do the Style section.

To find the Style section, first press Ctrl + F Button from Keyboard, this gives you a Search Box next to your Coding.

subscribe email box

Now in that search box you have to type </ style> Word and search for it so that you get the Style section of your theme.

After finding the Style section, you can make a little space by pressing Enter on the word </ style> above the word so that you can paste the code given below.

04- Copy the Bellow Code

Now select the complete code below and copy it, and paste it on the right side of your Blogger Dashboard where you searched the <Style> section and click on the option of “Save Template”.

Step 04. Go to Layout Section

To add any widget to Blogger, you have to go to the Layout option. For which you see in the right sidebar on the Blogger Dashboard, you get an option of Layout.

subscribe button


Click on the option of the Layout that lets you open your Theme’s Back-end Open.

Step 05. Copy the Bellow Code

Now you copy the code given below and paste this code before you paste it on Notepad or WordPad, because in this code you will get the address of our website which you have to replace from your website’s address. Along with this, you will see techmenia written in some other places, which you have to replace with the name of your website.

#sub-box {display : none;background : rgba(0, 0, 0, 0.8);width : 100%;height : 100%;position : fixed;top : 0;left : 0;z-index : 99999;}#boxclose {width : 100%;height : 100%;}#boxview {background : #fff;width : 600px;height : 230px;position : absolute;top : 35%;left: 27%;}#boxlink a.visited, #boxlink a, #boxlink a:hover {color : #aaaaaa;font-size : 9px;text-decoration : none;text-align : center;padding : 5px;}#subscribe-box {width : 600px;height : 230px;background-color : #4bb1ff;}#subscribe-box p {font-family:&#39;Open Sans&#39;;font-size:18px;color:#fff;line-height:20px;padding:20px 20px 0 20px;margin:0;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:&#39;Open Sans&#39;;width:96.3%;border:0;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}#subscribe-box .emailfield .submitbutton {background : #ea141f;color : #fff;text-transform : uppercase;font-weight : normal;font-size : 16px;border : none;outline : none;width : 100%;cursor : pointer;border-radius : 3px;transition : all 0.4s ease-in-out;}.i {margin-top: 15px; float: right;}#subscribe-box .emailfield .submitbutton:active {outline : none;border : none;background : #fff;color : #ea141f;}#subscribe-box .emailfield .submitbutton:hover {background : #18c90c;color : #fff; }

After clicking on the option of Save Template, the settings for Add Pop-Up Subscription Form Button in your template have been completed. Now you need to add the Subscribe Widget for which you can follow the following steps. Have to do

<form action=’’ method=’post’ onsubmit=’;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
<input type=’text’ name=’name’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}’ onfocus=’if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}’ value=’your name’/>
<input type=’text’ name=’email’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}’ onfocus=’if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}’ value=’Your Email’/>
<input name=’uri’ type=’hidden’ value=’YOUR-USER-NAME’/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’submitbutton’ type=’submit’ value=’Subscribe Now!’/>
</div><a href=”” target=”blank” class=”i”>get this widget</a></div></div></div>

Step 06. Add a Widget

After making changes in the code given above, click on the Add a Widget option in the Layout section, from which you get the Widgets provided by Blogger.

You only have to click on the HTML / Java Script Widget.

Add Pop-Up Subscription Form In Blogger

Through this widget you can place Coding on your theme.

Now after clicking on the HTML / Java Script Widget, another popup box opens in front of you where you have to give the title or content.

Leave the box of Title blank (Blank) so that it does not show on your website that where you have installed that code.

In the box of content, paste the code you edited and click on the Save button.

Now in the last, you have to click on the option of the Save Arrangement in the Layout section above, so that all the settings you have made will be saved on your blog well.

Now when you open your blog, you will see that your Add Pop-Up Subscription Form In Blogger Widget is well added.

In Conclusion

In this way you can easily add your Add Pop-Up Subscription Form In Blogger Widget and increase your Subscribers. Now you have more questions related to this topic then you can ask us in the Comment Box and for other information related to Blogger, you can click on the Blogger category.

You get many important articles related to Blogger, and if you do not get an article on any topic on the topic, then you will tell us through the Comment Box or Contact Us Page. We will try that at the earliest that article Thank you for publishing.

About Manish Singh

Hey Mania, Welcome to the Techmenia! I’m Manish Singh, a blogger from Varanasi, UP, India. Here at Techmenia, I write about latest news on technology and science, and also making money online. We also have some knowledge about Health & fitness. So, Stay with us and Subscribe our blog via email don't forget latest update.

View all posts by Manish Singh →

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.