How To Add A Popup Email Subscribe Widget To A Blogger Blog

 Popup Email Subscribe Widget To A Blogger Blog - Hello Friend's In today's article, we are going to tell you How To Add A Popup Email Subscribe Widget To A Blogger Blog.
How To Add A Popup Email Subscribe Widget To A Blogger Blog
How To Add A Popup Email Subscribe Widget To A Blogger Blog



Popup Email Subscribe Widget To A Blogger Blog

Friends, all of you have read 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 Popup Email Subscribe Widget To A Blogger Blog

  • The PopUp Email Subscribe box is displayed on the front of your website in the same way that your readers want it or they want to follow or ignore it.
  • In such a situation, chances are very high that people subscribe to your website so that you can increase as many subscribers very easily.
  • PopUp Email Subscribe Box is responsive so that they work well on desktops, laptops, mobile and tablets.
  • See Look Wise, PopUp Email is very good to see the Subscribe Box and give your website a Professional Look Provide.

Losses Of Popup Email Subscribe Widget To A Blogger Blog

  • PopUp always distracts readers. As a result, interest less is reduced to reading from the topic that he visited on your website for reading.
  • Normally most people do not like to open such a website that pops up.
  • 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 Par, which has published the article. You can easily add the Subscribe Box to your Blogger Blog by reading that article.

How To Add A Popup Email Subscribe Widget To A Blogger Blog

Blogger Blog Par PopUp Email Adding a Subscribe Box is very easy, you just have to follow some basic steps and you can easily add Blogger Blog Par Popup Email Subscribe Box.

Note: To add this PopUp Email Subscribe Box, you must have a Feedburner account, so if you do not have a Feedburner account, first create your Feedburner Account.

Step 01. Login to your Blogger Dashboard

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

Step 02. Copy the Bellow Code

You first have to copy the given code first and paste it into 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

How To Add A Popup Email Subscribe Widget To A Blogger Blog

When you log in 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.

03- Find Style Section


How To Add A Popup Email Subscribe Widget To A Blogger Blog

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, which gives you a Search Box next to your Coding.


 
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".

#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 Popup Subscribable Button in your template have been completed, now you need to add the Blogger Blog Par Popup Email Subscribe Widget for which you can follow the following steps. Have to do.

Step 03. Go to Layout Section

How To Add A Popup Email Subscribe Widget To A Blogger Blog

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.

Click on the option of the Layout that lets you open your Theme's Backhand Open.

Step 04. 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 techbyrs written in some other places, which you have to replace with the name of your website.

<form action=’https://feedburner.google.com/fb/a/mailverify?uri=techbyrs’ method=’post’ onsubmit=’window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=techbyrs, &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!’/>
</form>
</div><a href=” https://www.techbyrs.com/add-popup-email-subscribe-box-on-your-blog/” target=”blank” class=”i”>get this widget</a></div></div></div>

Step 05. Add a Widget

How To Add A Popup Email Subscribe Widget To A Blogger Blog

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.

Through this widget, you can place Coding on your theme.

Step 06. Paste your Code

How To Add A Popup Email Subscribe Widget To A Blogger Blog

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 Popup Email Subscribe Widget To A Blogger Blog is well added.



Post a Comment

0 Comments