Sunday , March 29 2020
Home / Blogger Tricks / Stylish Email Subscription Widget For Blogger

Stylish Email Subscription Widget For Blogger

Get stylish email subscription widget for blogger

I am giving you VIP and stylish email subscription widget for blogger with free.

Demo

Stylish Email Subscription Widget For Blogger
Stylish Email Subscription Widget For Blogger

The email subscription is a very important widget for the Bloggers. Well the simpler widget can be the same thing that comes from the beautiful email subscribed box, but the default box does not look so beautiful that it does not act so much, which is giving you in the subscription box it is very pretty and stylish email subscription widget for blogger, you can easily add it to your Blogger.

Why Email Subscription Widget Use for Blogger?

Email subscription widget is linked from FeedBurner and it’s Google’s site or Google’s patent platform, I do not know about it, but its interest is that whatever you post will be posted. If any of your visitors If the subscribed to the blog with this email subscription widget, it will get the notification, but today the browser setup to get notification.

How To Add Stylish Email Subscription Widget to Blogger

lets start telling you how to add stylish email subscription widget to blogger read and learn with full attraction to mind and its not my own property I just edit Email Subscription Widget.Follow the step and learn how to add email subscription widget in blogger

✯Sign in to your Blogger

✯Go to the Layout Section 

✯Click on Add New Gadget When new popup page will be open then click on HTML/JavaScript

How To Add Stylish Email Subscription Widget to Blogger

✯When you will click on HTML/JavaScript new popup page will be open copy the below code and paste in the box.

✯Click on Save button and view your Blog.

<!– Responsive and stylish subscribe box for Blogger (Blogspot) (www.techlyhub.com) created by zahid ashraf (www.techlyhub.com) –>
<style type=’text/css’>
#subscribe-box{width:300px;height:auto;border-radius:2px;background-color:#3498db;box-shadow:5px 3px 0 0 #7f8c8d;padding-bottom:10px;margin-bottom:5px;}#subscribe-box .title{padding:10px 25px;line-height:16px;font:16px Century Gothic;color:#fff;text-align:center;background:#393939;text-transform:uppercase;border-radius:2px 2px 0 0;}#subscribe-box p{font-family:”Century Gothic”,Century Gothic,Sans-Serif;font-size:14px;color:#FFF;line-height:20px;padding:10px 20px 0 20px;margin:0;}#subscribe-box .emailfield{padding:0 20px 10px;}#subscribe-box .emailfield input{color:#777;padding:10px;margin-top:10px;font-size:13px;font-family:”Century Gothic”,Century Gothic,Sans-Serif;width:92%;border:0;border-radius:2px;box-shadow:0 3px 0 0 #bbb;}#subscribe-box .emailfield input:focus{outline:none;}#subscribe-box .emailfield .submitbutton{background:#F4836A;color:#fff!important;border:none;outline:none;width:100%;cursor:pointer;border-radius:2px;box-shadow:0 3px 0 0 #e23b16;}#subscribe-box .emailfield .submitbutton:active{padding-top:11px;padding-bottom:9px;box-shadow:0 1px 0 0 #3293ba;}#subscribe-box .emailfield .submitbutton:hover{background:#DD7761;}
</style>
<div id=’subscribe-box’>
<div class=’title’>
Subscribe Here
</div>
<p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
<div class=’emailfield’>
<form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/teuUn&apos;, &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=’blogspot/teuUn’/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’submitbutton’ type=’submit’ value=’Subscribe Now!’/>
</form>
</div>
</div>

Cop the above code and paste in the box and click on save button

♛Congratulation♛ You have successfully added stylish email subscription widget in blogger.

 

About Zahid Ashraf

Asslam-o-Allaikum Friends I am from Layyah Pakistan.its my part time hobby to promote my content on Google because I am Also a SEO expert and YouTube master. Now Earn Money from Google Adsense and Android Apps

Check Also

add scrolling text for wordpress

How To Add Scrolling Text in Blogger or WordPress with HTML Code

Scrolling Text in WordPres You can see in many post there are on the header …

2 comments

  1. Nice information…. here is automatic feedburner customization template without html knowledge https://htmlcodegenerator.blogspot.com/2019/12/feedburner-emial-subscription-widget.html

Leave a Reply

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