How to Add Email Subscription Widget In Blogger

Hello friends! Today in this article we are going to talk about How to Add Email Subscription Widget In Blogger Blog. We will know all the How to Add Email Subscription Widget In Blogger Blog. So stay with this article to know in more detail.


 It's great to have an email subscription widget in your Blogger blogging as the email subscription widget provides support for the daily users who come to your blog who are loyal to your blog. In today's post we will learn about how to put this website in your Blogger blog. It is a simple and great widget in terms of design. To add this widget to your Blogger blog you will need to follow the steps below.

$ads={2}

How to Add Email Subscription Widget In Blogger Blog (Step by Step)

  • Login to your Blogger.com dashboard
  • Click on Layout Section and then click on the Add a Gadget
  • Click on Add HTML/Javascript
  • Copy the below code and paste here.

<style>
#wikitechlibrary-sbox-v2 {
  padding: 0;
  padding-bottom: 5px;
  font-family: inherit;
  display: block;
  margin: 0;
  border-radius: 1px;
  border: 5px solid #FFD439;
}
#wikitechlibrary-sbox-v2 p {
  font-size: 15px;
  color: #000;
  line-height: 27px;
  padding: 5px 10px 5px;
  text-align: center;
  width: 80%;
  margin: 5px auto 20px;
  border-bottom: 2px solid #ebebeb;
  border-radius: 20px;
}
#wikitechlibrary-sbox-v2 .rssform {
  padding: 0;
  margin: 0 auto;
  display: block;
}
#wikitechlibrary-sbox-v2 .rssform input {
  padding: 8px;
  margin: 20px auto 15px;
  font-size: 13px;
  color: #000;
  text-align: center;
  display: block;
  font-family: inherit;
  font-weight: normal;
  width: 90%;
  height: 38px;
  text-transform: uppercase;
  outline: none !important;
  border: 1px solid #ebebeb;
  border-radius: 1px;
  background-color: #FCFCFC;
  box-sizing: border-box !important;
}
#wikitechlibrary-sbox-v2 .rssform .button:hover {
 opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}
#wikitechlibrary-sbox-v2 .rssform .button {
  background: #222;
  color: white!important;
  margin-top: 15px;
  outline: none !important;
  transition: all .3s ease-in-out;
  padding: 5px 2px !important;
  float: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
#wikitechlibrary-sbox-v2 form {
  margin-bottom: 10px !important;
}
</style>
<div id="wikitechlibrary-sbox-v2">        
                 <p>Get All The Latest Updates Straight Into Your Inbox For Free!</p>
   <div class="rssform">
            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wikitechlibrary', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" name="email" placeholder="Enter your email address..." vk_14173="subscribed" vk_1e723="subscribed">
            <input type="hidden" value="wikitechlibrary" name="uri">
            <input type="hidden" name="loc" value="en_US">
            <input value="Join Now" class="button" type="submit">
            </form>
            </div>
            </div>

Note: Change the Highlighted text with your Blog Feed Burner ID.
  • Now Click on Save Button.
  • You will Successfully add Email Subscription Widget in your Blogger Blog. Now refresh your blog.
$ads={2}

Conclusion:

The purpose of today post is to provide you with the How to Add Email Subscription Widget In Blogger Blog. Did you like these How to Add Email Subscription Widget In Blogger Blog? You must definitely give us your feedback in the comment box below. If you also want to give us any kind of Suggestion, then share your opinion with us in the Comment Box.

Thank You!

Post a Comment

Please do not enter any spam link in the comment box.

Previous Post Next Post
close