Categories: Blogger Tutorials WordPress Tutorials

Responsive and Stylish Newsletter Subscription Box For WordPress & Blogger Platform

Add responsive and stylish subscribe box for Blogger (Blogspot)

Hello Bloggers! Today I’m going to share to you a Blogger subscribe box widget/gadget with Name and Email filling box style. From which people can subscribe your blog to get your latest updates on their email account. This widget/gadget is quite responsive and is also great in appearance. You must use this widget/gadget.

Try this on your blog: Social Media Icons Buttons for Blogger (Blogspot)

Script code of subscribe box for Blogger (Blogspot)

<!– Social Media Icons Buttons for Blogger (Blogspot) (http://www.howtolearnblog.com) –>
<style type=’text/css’>
.social-box-howtolearnblog{width:280px;padding:10px 9px;margin:0;overflow:hidden;background-color:#f2f2f2;border:1px solid #f2f2f2;text-align:center;}a.social-item-box{display:block;color:#4b4b4b;float:left;width:64px;overflow:hidden;margin:0;padding:4px 0;background-image:url(“https://www.howtolearnblog.com/wp-content/uploads/2017/05/social-icon-1.png”);background-repeat:no-repeat;}.social-item-outer{background:#f8f8f8;margin:0 0 0 8px;overflow:hidden;float:left;display:inline-block;}.social-item-outer:hover{background:#fff;}.social-item-outer:nth-child(1):hover{box-shadow:0px -2px 0px #E50700 inset;}.social-item-outer:nth-child(2):hover{box-shadow:0px -2px 0px #0084C5 inset}.social-item-outer:nth-child(3):hover{box-shadow:0px -2px 0px #6CAC00 inset;}.social-item-outer:nth-child(4):hover{box-shadow:0px -2px 0px #00C3B7 inset;}.social-item-outer:hover{box-shadow:0px -2px 0px #FF8168 inset;}.social-item-outer:first-child{margin-left:0px;}.facebook-box{background-position:7px 4px;}.rss-box{background-position:-73px 4px;}.twitter-box{background-position:-153px 4px;}.googleplus-box{background-position:-233px 4px;}.counter{margin:60px 0 0 0;font-family:’Oswald’,Verdana,Sans-serif;line-height:1.2em;font-size:16px;font-weight:500;}.social-title{color:#888;font-size:11px;}
</style>
<div class=’social-box-howtolearnblog’>
<div class=’social-item-outer’>
<a class=’social-item-box facebook-box’ href=’http://www.facebook.com’>
<div class=’counter’>
10.000
</div>
<span class=’social-title’>Fans</span>
</a>
</div>
<div class=’social-item-outer’>
<a class=’social-item-box twitter-box’ href=’http://twitter.com’>
<div class=’counter’>
7.987
</div>
<span class=’social-title’>Followers</span>
</a>
</div>
<div class=’social-item-outer’>
<a class=’social-item-box googleplus-box’ href=’http://plus.google.com’>
<div class=’counter’>
5.987
</div>
<span class=’social-title’>Followers</span>
</a>
</div>
<div class=’social-item-outer’>
<a class=’social-item-box rss-box’ href=’http://www.mysite.com/feeds/posts/default’>
<div class=’counter’>
450
</div>
<span class=’social-title’>Subcribers</span>
</a>
</div>
</div>
</div>

How to setup subscribe box for Blogger (Blogspot)?

Follow these steps:

1. Replace all the yellow marked name with your blog feed name .
2. The paste this code on sidebar of your blog.

If any problem occur. Please comment below in comment box. That problem will be fixed.
Responsive and Stylish Newsletter Subscription Box For WordPress & Blogger Platform
5 (100%) 1 vote[s]
Share
Tags: newsletter box newsletter box for blogger newsletter subscription box professional newsletter box for wordpress subscription box

View Comments

This website uses cookies.