Stylish Email Subscription Widget For Blogger

Stylish Email Subscription Widget for Blogger


Hello Tech Seeker!

Do you know what is “Email Subscription Widget”? Stylish Email subscription widget is a subscription form for Blogger BlogSpot. Interested visitors on your blog just enter their email address in the box and hit the subscribe button of the email subscription box to get all updates of your blog in their email inbox. This widget not only increases visitors on your blog but also helps you to grow the community of your blog readers.


stylish email subscription widget for blogger

 

Stylish Email Subscription Widget for Blogger


 By default, the blogger provides an email subscription box but that email subscription box is not very attractive. In order to make it attractive and eye-catching we need to add a stylish email subscription widget for blogger. Stylish email box attractive visitors and visitors put their emails inbox to get updates. The email subscription widget must be Stylish and well designed.





stylish email subscription box for blogspot


Advantages of Stylish Email Subscription Widget for BlogSpot:


Stylish email subscription widget for the blogger increase number of visitors on your website by sending a message of new updates of your blog to their email’s inbox. Moreover, AdSense earning depends on the number of visitors on your BlogSpot blog its mean Stylish Email Subscription Widget = More AdSense Earning.




advantages of custom search box for blogger blogspot


Now I am going to give you HTML Code and we will come to know how we can add a Custom Email Subscription Widget in Blogger BlogSpot.

How To Add Custom Email Subscription Widget In Blogger?


Step 1:

Go to --> Blogger

go to blogger for stylish email subscription widget for blogger

Step 2:

Go to --> Layout

stylish email subscription box for blogspot




Step 3:

Click --> Add A Gadget

stylish email subscription widget for blogspot



Step 4:

Choose HTML & Paste Given Below Code in Box.


HTML Code From Stylish Email Subscription Widget For Blogger:


<div class="social-counter">

<style>

 @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);

 .wk_subs_box_wrapper{

  background:url('Your Backgroud Image') repeat scroll 0 0 #FFF;

  color:#427FED;

  border-radius: 5px;

  border: 2px solid #0AC4FC;

  font-family: "Roboto";
  font-size:14px;
  line-height:20px;
  padding:1px 20px 10px;
  text-align:center;
  text-transform:uppercase
 }
 .sidebar-subscribe-box-form{
  clear:both;
  display:block;
  margin:10px 0
 }
 form.sidebar-subscribe-box-form{
  clear:both;
  display:block;
  margin:10px 0 0;
  width:auto
 }
 .sidebar-subscribe-box-email-field{
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:4px;
  color:#444;margin:0 0 15px;
  padding:10px 30px;
  width:75%
 }
 .sidebar-subscribe-button{
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: "Roboto";
  color: #ffffff;
  font-size: 29px;
  background: #3cb0fd;
  padding: 10px 30px 10px 30px;
  width:100%;
  border: solid #ffffff 0px;
  text-decoration: none;
 }
 .sidebar-subscribe-button:hover,.sidebar-subscribe-box-email-button:focus{
  background: #3498db;
  text-decoration: none;
 }
 </style>
 <div class="wk_subs_box_wrapper">
   <p>Subscribe for free</p>
   <div class="sidebar-subscribe-box-form">
    <form action="http://feedburner.google.com/fb/a/mailverify" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
     <input name="uri" type="hidden" value="itzprogramming" />
     <input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address"/>
     <input class="sidebar-subscribe-button" title="" type="submit" value="Subscribe Now !" />
    </form>
   </div>
  </div>


stylish email subscription widget for blogger blogspot





Step 5:

Click Save.

Congratulation! 

Post a Comment

2 Comments