Thursday, November 17, 2011

how to make Beautiful subscribe

BEAUTIFUL SUBSCRIBE



1.Login to your blogger dashboard and go to desing - & Page Elements.

2.Click on the 'Add Gadget' in the sidebar.

3.Select 'HTML / Javascript' and add one of the code given below.



<style>

.mbt-email{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjykeAJIfsl4vDk0YGhbIRshgt8Kg8LZSHL6XzkhNI7hhtM9JOo_QOhWmqoYmla6Hvm1eFwzQaM3B_imOnGOk9JTnoHWzQHCcKHhi04AUd1gi0PiybAKOMhl7GZgDpx9XTcWS9cnPuVktY/) 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('http://feedburner.google.com/fb/a/mailverify?uri=SenantiasaBelajar', '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="SenantiasaBelajar" name="uri"/><input type="hidden" name="loc" value="en_US"/>

<input class="mbt-emailsubmit" value="Submit" type="submit" />

</form>

</div>









Note: change Enter email address here (your email) With uRl feedburner



4.Click and SAVE


Finish.........





"trims "


No comments:

Post a Comment