How to Add Simple Subscription Box in Blogger

How to Add Simple Subscription Box in Blogger: Hi! In this post, I am going to teach you that how you can add Subscribe Via Email Box to blogger. This is the simple and cute email subscription box that can boost your email subscribers. The place for adding this widget is in the sidebar of your blog.

There your visitors will be attracted fro subscription. This widget will not only increase your subscribers but also build the backlinks and the relationship between you and your readers. As more subscribers, you will get and it will bring more benefit to you.

Also Read: Top 8 Tips to Increase your Blog Traffic

So friends let’s add this great subscription box to your blogger blog. Below I will explain to you How to Add Simple Subscription Box in Blogger.

How To Add Simple Subscription Box In Blogger

Add Simple Subscription Box In Blogger
Add Simple Subscription Box In Blogger

Follow the below instructions to add a simple subscription box in blogger:

  •  Go to your blogger dashboard
  •  Click on “Design” > “Page Elements” > “Add a Gadget
  • Choose “HTML/JavaScript” from the list of the gadgets
  • Copy and paste the code below in the content box.
<style>

.rb-email{

background:url(http://fun138.org/wp-content/uploads/2021/12/email.png) no-repeat 0px 12px ;

width:300px;

padding:10px 0 0 55px;

float:left;

font-size:1.4em;

font-weight:bold;

margin:0 0 10px 0;

color:#686B6C;

}

.rb-emailsubmit{

background:#9B9895;

cursor:pointer;

color:#fff;

border:none;

padding:3px;

text-shadow:0 -1px 1px rgba(0,0,0,0.25);

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

font:12px sans-serif;

}

.rb-emailsubmit:hover{

background:#E98313;

}

.textarea{

padding:2px;

margin:6px 2px 6px 2px;

background:#f9f9f9;

border:1px solid #ccc;

resize:none;

box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);

-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);

-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;

width:170px;

color:#666;}

</style>
<div>

 

Subscribe via Email

<form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=TechVench’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”>

<input gtbfieldid=”3″ name=”email” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here…&quot;;}” onfocus=”if (this.value == &quot;Enter email address here…&quot;) {this.value = &quot;&quot;;}” value=”Enter email address here…” type=”text” />

<input type=”hidden” value=”Username” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/>

<input value=”Submit” type=”submit” />

</form>

</div>

 

  •  To change your subscription header, edit Subscribe via Email.
  • Replace Username with your feed title/username.
  • Click “SAVE TEMPLATE“.

You’re Done!

Also Read: Top 5 Android Apps: Must For Every User