Monday, 3 September 2012

Add cool email subscription box in your blog

Hello friends now add special cool email subscription box in your blogger sidebar easily now.
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/AVvXsEhJbFldJRCI59WrpOiI9eiOpqpSLAX4lT03CtZnk7LRD9_HTHorBCdYHK_lDd_BSwlYcLlSEnLNSrCiHZ7iqLjhmsgb1ANUhSxhykGTVmKP9DBGPsC4fsBJI8TKpq9tBBIg32Cb0t-bkdQ/) 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.

No comments: