Add Advanced Stylish Email Subscription for Blogger [2021]

Email Subscription for Blogger, Welcome friends, Today we will show you how to add Advanced Style Email Subscription Box to the Blogger site using a simple script.

This email subscription script is very easy to add to your Blogger. Blogger provided by FeedBurner. This email subscription box helps your interested visitors receive the latest updates from your blog via email. When people enter your email address and click the "Subscribe" button, they will receive all updates to your blog in their email inbox. These widgets not only increase your traffic but also help build a loyal readership community.

Also Read:

Automatically Add Table of Contents in Blogger.

Advanced Most Comment Blogger Widgets.

Advanced 2021 New Blogger Script Template for Site is Moved here.

The benefits of email subscription for Blogger.

Email subscription boxes are also considered the best way to improve a website. The Subscription Widget helps you build a community of active readers and increase your blog traffic. This widget allows your users to quickly deliver the latest posts via email.

How to Add an Email Subscription for Blogger (Blogspot)

Set a feed in the feed burner. Go to Feedburner.google.com, enter your blog URL in the appropriate field, and follow the steps to set up your feed.
Turn on the feed. Once this is set, click on the name of the feed and click on the Publish tab to open the feed settings. Click Email Subscriptions. The service is enabled (if not click to activate it).
Set up a feed link in your Blogger. In the Preview Subscription Link… box, see this code.
Just copy the code below.

<style>

@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

*,*:before,*:after,input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

input,select,textarea{width:100%}

a{color:#294db4;text-decoration:none;transition:all .3s}a:hover{color:#2141a0}

#wrapper{

max-width: 340px;

margin: 6% auto;

background:#fff;

padding: 0;

color: #222;

font-size: 16px;

line-height: 1.6;

border-radius: 22px;

overflow:hidden;

box-shadow: 0 13px 15px -10px rgba(9,32,76,.025);

}

#wrapper h3{

font-weight: 700;

margin: 0 auto 10px auto

}

#subscribe-box p{position:relative;overflow:hidden}

#subscribe-box p{font-size:14px;margin:0 0 15px;padding:0;line-height:normal}

#subscribe-box .emailfield{position:relative;margin:auto;z-index:1}

#subscribe-box .emailfield input{background:rgba(255,255,255,.9);padding:13px 20px;color:#aaa;border:1px solid rgba(0,0,0,0.05);font-size:14px;margin-bottom:16px;border-radius:99em}

#subscribe-box .emailfield input:focus{color:#222;outline:none;border-color:rgba(0,0,0,0.05);box-shadow:inset 0 0 0 3px rgba(0,0,0,0.05)}

#subscribe-box .emailfield .submitbutton{display:block;position:relative;overflow:hidden;background:rgba(255,255,255,.25);color:#fff;width:100%;font-size:15px;font-weight:bold;border:0;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.13);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}

#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:rgba(255,255,255,.35);color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1), 0 3px 4px rgba(0,0,0,0.13)}

#subscribe-box .emailfield input:focus.submitbutton{color:#fff}

#subscribe-box .emailfield form{position:relative}

#subscribe-box .emailfield .submitbuttonlabel{position:absolute;top:3px;right:8px;display:inline;padding:8px 12.5px 8px 20px;cursor:pointer;font-size:13px}

#subscribe-box .emailfield .submitbuttonlabel svg{fill:#767676;width:22px;height:22px;vertical-align:middle;transition:all .3s}

#subscribe-box .emailfield .submitbuttonlabel svg:hover,#subscribe-box .emailfield .submitbuttonlabel svg:focus{fill:#568af5}

#HTML98{position:relative;overflow:hidden;padding:20px}

#HTML98:after{content:'';display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}

#HTML98:before{content:'';display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:linear-gradient(230deg,#ff4169,#8b41f6);background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}

#HTML98:hover:after{opacity:0}

#HTML98:hover:before{opacity:1}

#HTML98 h2:after,#HTML98 h3:after,#subscribe-box .emailfield input[type=submit]{display:none}

</style>

<h3 class="title">Newsletter</h3>

<p>Get notifications from this blog</p>

</path>

</g>

</svg>

</label>

</form>

</div>

Go to Blogger Layout, add a new HTML / JavaScript gadget.

Paste the code into the content box. Just change your feed name and input value, there's a code that looks like this.

https://cyberchipe.blogspot.com/2021/08/Advanced-email-subscription-for-Blogger.html

Conclusion

Thank you for reading this article post, I hope you enjoyed this post on how to add an advanced stylish email subscription for Blogger and help you add an email blogger subscription If so, share this article on your social media. If you have any issues or problems, you can comment below.

Cyber Chipe

Add Advanced Stylish Email Subscription for Blogger [2021]

The benefits of email subscription for Blogger.

How to Add an Email Subscription for Blogger (Blogspot)

Conclusion

Post a Comment

What is Bitcoin || What is Bitcoin and how does it work?

What are the top 10 computer viruses of all time? || What is Virus? || What is Computer Worm?

what is Melissa Virus? || Melissa Computer Worm?

Klez || Klez Computer Worm

How to Add Social Media Follow Button in Blogger Site ?