Latest

Sunday, 2 January 2022

Stylish Email Subscription Widget For Blogger

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

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 boxes attract visitors and visitors put their emails inboxes to get updates. The email subscription widget must be Stylish and well designed.


Must Read: How to Remove Date and .html from blogger post URL?


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 to 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.


Update: Blogger follow by email widget is not working after July 2021.


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="freetoreads" />
     <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!


5 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
  2. In these difficult circumstances, robots are needed to gather data about their environmental factors to stay away from hindrances. To dive more deeply into the key and basic components of versatile robots, read on. AUTONOMOUS ROBOTS patent

    ReplyDelete
  3. I prefer merely excellent resources - you will see these people in: kündigung

    ReplyDelete
  4. The greatest slip-up is with possession. You don't claim the rundowns on your cherished web-based media stage and that is exorbitant. Get closed somewhere around Facebook and your '25,768 devotees' are no more. gmx de login

    ReplyDelete