Add cool email subscription box in your blogspot blog. 2

| | , , , , , ,

Hello friends now add special cool email subscription box in your blogger sidebar easily now.

PREVIEW






Follow simple and easy step to adding this box in your blogger sidebar --->>>>

* First go to your blogger Dashboard.

* Now click in design tab and Now you are here --->>> Page Element.

* Now click in add Gadget which is in your blog sidebar.

* When open new window click in HTML/Javascript from list.

* When open new blank box copy below code and paste in blank box.


<style> 
.mbt-email{ 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRETKUggRNSBwoVSTgM9EX4__mIMD8UYSbtalWaSeX4U3o84MmXnAC5up2o2Ns3pI-DcHkbh_mWKnWcVvc5IK0gkQoQwfdteD-PaLyFSYWhP5gAs8I9GIY1o18IWutXnG7Xyq2xRXhN5M/) 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; 
}
.mbt-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; 
} 
.mbt-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 class="mbt-email"> 
Subscribe via Email 
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('Enter here your feedburner email url', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<input gtbfieldid="3" class="textarea" 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="Blogger tricks and toolz" name="uri"/><input type="hidden" name="loc" value="en_US"/> 
<input class="mbt-emailsubmit" value="Submit" type="submit" /> 
</form> 
</div>

NOTE:- Change  ENTER Your feedburner email url With your own feedburner email url ok in above code.

* Now click to save your HTML/javascript and now your are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add cool email subscription box in your blogspot blog. ~ Twitter FaceBook

2 Responses So Far:

Ben Baygas said...

Hello, thank you so much. I've been searching a subscription box like these long ago-it looks great...:)

Ashraful Haque Saimoom said...

Nice. It is helpful for new blogger. Keep it up.

My blog: Shine Mark
http://shinemark.blogspot.com/
http://adf.ly/msMG

Categories

Select Your Categories