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 to 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 bloggers. Stylish email box attractive visitors and visitors put their emails inbox to get updates. The email subscription widget must be Stylish and well designed.




Advantages of Stylish Email Subscription Widget for BlogSpot:


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



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


Step 2:

Go to --> Layout



Step 3:

Click --> Add A Gadget



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>




Step 5:

Click Save.

Congratulation! 

2 Comments

  1. Thank you for share us. For more information visit our website Here

    ReplyDelete
    Replies
    1. LAKTOTECH Welcome, Keep Visiting Our Blog, Thank You :)

      Delete
Previous Post Next Post