1. Go to your Blogger Dashboard>>
Template>> Edit HTML
2.And find the following code.
<data:post.body/>
3. and paste the following code after/below <data:post.body/>
Code:
<style>
#bt-subs-box {
background: #F1F1F1;
margin: 0 auto;
padding: 10px;
border: none;
border-radius: 10px;
width:350px;
height:270px;
}
#bt-subs-box h2 {
font-size: 27px!important;
text-align:center;
font-style: italic;
font-variant: small-caps;
}
#bt-subs-box h3 {
font-size: 15px;
font-family: arial, sans-serif;
text-align:center;
font-style: italic;
font-variant: small-caps;
}
#bt-subs-box div.row {
text-align:center;
margin-bottom:10px;
}
#bt-subs-box img{
display:inline-block;
border:none;
}
#bt-subs-box .email {
clear:none;
}
.email {
clear: both;
width: 100%;
margin: 10px 0;
}
.emailform {
position: relative;
width: 300px;
background:#FFF;
margin: 0 auto;
-webkit-box-shadow: 1px 1px 2px #
dfdfdf;
-moz-box-shadow: 1px 1px 2px #
dfdfdf;
box-shadow: 1px 1px 2px #dfdfdf;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ddd;
}
.emailinput {
height:30px;
margin: 0 auto;
padding: 8px 40px 8px 10px;
border:none;
background: none;
font-family: georgia;
font-style: italic;
font-size: 16px;
color: #666;
}
.emailinput {
padding-right: 30px !important;
width: 260px !important;
}
.emailbutton {
-webkit-border-top-right-radius: 4px
;
-webkit-border-bottom-right-radius:
4px;
-moz-border-radius-top-right: 4px;
-moz-border-radius-bottom-right: 4px
;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0
px;
-moz-border-radius-top-left: 0px;
-moz-border-radius-bottom-left: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding: 9px;
position: absolute;
right: -3px;
top: -1px;
bottom: -1px;
display:block;
line-height:16px;
}
.emailbutton {
padding: 14px !important;
}
.emailbutton, .formbutton {
background: #f7f8f9;
background: -webkit-linear-gradient(
top, #f7f8f9 0%, #e9e9e9 100%);
background: -moz-linear-gradient(top
, #f7f8f9 0%, #e9e9e9 100%);
background: -o-linear-gradient(top,
#f7f8f9 0%, #e9e9e9 100%);
background: -ms-linear-gradient(top,
#f7f8f9 0%, #e9e9e9 100%);
background: linear-gradient(top, #f7
f8f9 0%, #e9e9e9 100%);
filter: progid:DXImageTransform.
Microsoft.gradient( startColorstr="#
f7f8f9",
endColorstr="#e9e9e9",GradientType=0
);
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px 12px;
margin:0;
-webkit-box-shadow: 0 1px 0 #f9f9f9
inset, 1px 1px 1px rgba(223,223,
223,0.4);
-moz-box-shadow: 0 1px 0 #f9f9f9
inset, 1px 1px 1px rgba(223,223,223
,0.4);
box-shadow: 0 1px 0 #f9f9f9 inset,
1px 1px 1px rgba(223,223,223,0.4);
color: #888 !important;
text-shadow: 0 1px 0 #fff;
line-height: 1.2;
cursor: pointer;
font-size: 13px;
font-weight: bold;
text-decoration: none !important;
}
.emailbutton:hover, .formbutton:
hover {
background: #f1f1f1;
background: -webkit-linear-gradient(
top, #f1f1f1 0%, #e0e0e0 100%);
background: -moz-linear-gradient(top
, #f1f1f1 0%, #e0e0e0 100%);
background: -o-linear-gradient(top,
#f1f1f1 0%, #e0e0e0 100%);
background: -ms-linear-gradient(top,
#f1f1f1 0%, #e0e0e0 100%);
background: linear-gradient(top, #f1
f1f1 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.
Microsoft.gradient( startColorstr="#
f1f1f1",
endColorstr="#e0e0e0",GradientType=0
);
text-decoration:none !important;
}
</style>
<div id='bt-subs-box'>
<h2>Do you Like this Article</h2>
<div class='row'>
<div class='fb-like' data-href='
http://www.facebook.com/allin1web' data
-send='true' data-width='300' data-
show-faces='false'></div>
</div>
<div class='row'>
<a href="http://feeds.feedburner.com/allin1-web" title="Suscribe to
RSS feed"><img class='middle' src="
http://2.bp.blogspot.com/_nDNgmK8
FIyI/TUJaXDrh48I/AAAAAAAAAVM/
zLmcNtCgi9Y/s40/w2bRSS+.png" alt='
rss'/></a>
<a href="http://twitter.com/allin1web" title="Follow me on
Twitter"><img class='middle' src="
http://2.bp.blogspot.com/_nDNgmK8
FIyI/TUJaUf7v0CI/AAAAAAAAAU8/7vfe8Iw
3ohc/s40/w2bTwitter.png" alt='
twitter'/></a>
<a href="http://www.facebook.com/allin1web"
title="Became Fan on Facebook"><img
class='middle' src="http://1.bp.
blogspot.com/_nDNgmK8FIyI/
TUJaWNBkZnI/AAAAAAAAAVE/nZ0byXaqur8/
s40/w2bFaceBook.png" alt='facebook'/></a>
<a href="http://www.stumbleupon.com/
stumbler/allin1-web/"><img src="
http://1.bp.blogspot.com/_nDNgmK8
FIyI/TUJaXqfx60I/AAAAAAAAAVQ/CmNcj4
VJjns/s40/w2bStumbled.png"alt='
stumbleupon'/></a>
</div>
<div class='row'>
<h3>Get Subscribe to Free Email
Updates!!</h3>
</div>
<div class='row'>
<div class='email'>
<form action='http://feedburner.
google.com/fb/a/mailverify' method='
post' target='popupwindow' onsubmit
='window.open("http://feedburner.
google.com/fb/a/mailverify?uri=allin1-web", "popupwindow", "
scrollbars=yes,width=550,height=520
");return true' class='emailform'>
<input type='hidden' value='Allin1-web' name='uri' />
<input type='hidden' name='loc'
value='en_US' />
<input type='text' onblur='if (this
.value == "") {this.value
= "Enter your email..."
;;}' onfocus='if (this.value == &
quot;Enter your email...") {
this.value = ""}' value='
Enter your email...' name='email'
class='emailinput' />
<input type='submit' class='
emailbutton' value='Subscribe' title=""
/>
</form>
</div>
</div>
</div>
4. save the template and you’re done!
Template>> Edit HTML
2.And find the following code.
<data:post.body/>
3. and paste the following code after/below <data:post.body/>
Code:
<style>
#bt-subs-box {
background: #F1F1F1;
margin: 0 auto;
padding: 10px;
border: none;
border-radius: 10px;
width:350px;
height:270px;
}
#bt-subs-box h2 {
font-size: 27px!important;
text-align:center;
font-style: italic;
font-variant: small-caps;
}
#bt-subs-box h3 {
font-size: 15px;
font-family: arial, sans-serif;
text-align:center;
font-style: italic;
font-variant: small-caps;
}
#bt-subs-box div.row {
text-align:center;
margin-bottom:10px;
}
#bt-subs-box img{
display:inline-block;
border:none;
}
#bt-subs-box .email {
clear:none;
}
.email {
clear: both;
width: 100%;
margin: 10px 0;
}
.emailform {
position: relative;
width: 300px;
background:#FFF;
margin: 0 auto;
-webkit-box-shadow: 1px 1px 2px #
dfdfdf;
-moz-box-shadow: 1px 1px 2px #
dfdfdf;
box-shadow: 1px 1px 2px #dfdfdf;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ddd;
}
.emailinput {
height:30px;
margin: 0 auto;
padding: 8px 40px 8px 10px;
border:none;
background: none;
font-family: georgia;
font-style: italic;
font-size: 16px;
color: #666;
}
.emailinput {
padding-right: 30px !important;
width: 260px !important;
}
.emailbutton {
-webkit-border-top-right-radius: 4px
;
-webkit-border-bottom-right-radius:
4px;
-moz-border-radius-top-right: 4px;
-moz-border-radius-bottom-right: 4px
;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0
px;
-moz-border-radius-top-left: 0px;
-moz-border-radius-bottom-left: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding: 9px;
position: absolute;
right: -3px;
top: -1px;
bottom: -1px;
display:block;
line-height:16px;
}
.emailbutton {
padding: 14px !important;
}
.emailbutton, .formbutton {
background: #f7f8f9;
background: -webkit-linear-gradient(
top, #f7f8f9 0%, #e9e9e9 100%);
background: -moz-linear-gradient(top
, #f7f8f9 0%, #e9e9e9 100%);
background: -o-linear-gradient(top,
#f7f8f9 0%, #e9e9e9 100%);
background: -ms-linear-gradient(top,
#f7f8f9 0%, #e9e9e9 100%);
background: linear-gradient(top, #f7
f8f9 0%, #e9e9e9 100%);
filter: progid:DXImageTransform.
Microsoft.gradient( startColorstr="#
f7f8f9",
endColorstr="#e9e9e9",GradientType=0
);
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px 12px;
margin:0;
-webkit-box-shadow: 0 1px 0 #f9f9f9
inset, 1px 1px 1px rgba(223,223,
223,0.4);
-moz-box-shadow: 0 1px 0 #f9f9f9
inset, 1px 1px 1px rgba(223,223,223
,0.4);
box-shadow: 0 1px 0 #f9f9f9 inset,
1px 1px 1px rgba(223,223,223,0.4);
color: #888 !important;
text-shadow: 0 1px 0 #fff;
line-height: 1.2;
cursor: pointer;
font-size: 13px;
font-weight: bold;
text-decoration: none !important;
}
.emailbutton:hover, .formbutton:
hover {
background: #f1f1f1;
background: -webkit-linear-gradient(
top, #f1f1f1 0%, #e0e0e0 100%);
background: -moz-linear-gradient(top
, #f1f1f1 0%, #e0e0e0 100%);
background: -o-linear-gradient(top,
#f1f1f1 0%, #e0e0e0 100%);
background: -ms-linear-gradient(top,
#f1f1f1 0%, #e0e0e0 100%);
background: linear-gradient(top, #f1
f1f1 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.
Microsoft.gradient( startColorstr="#
f1f1f1",
endColorstr="#e0e0e0",GradientType=0
);
text-decoration:none !important;
}
</style>
<div id='bt-subs-box'>
<h2>Do you Like this Article</h2>
<div class='row'>
<div class='fb-like' data-href='
http://www.facebook.com/allin1web' data
-send='true' data-width='300' data-
show-faces='false'></div>
</div>
<div class='row'>
<a href="http://feeds.feedburner.com/allin1-web" title="Suscribe to
RSS feed"><img class='middle' src="
http://2.bp.blogspot.com/_nDNgmK8
FIyI/TUJaXDrh48I/AAAAAAAAAVM/
zLmcNtCgi9Y/s40/w2bRSS+.png" alt='
rss'/></a>
<a href="http://twitter.com/allin1web" title="Follow me on
Twitter"><img class='middle' src="
http://2.bp.blogspot.com/_nDNgmK8
FIyI/TUJaUf7v0CI/AAAAAAAAAU8/7vfe8Iw
3ohc/s40/w2bTwitter.png" alt='
twitter'/></a>
<a href="http://www.facebook.com/allin1web"
title="Became Fan on Facebook"><img
class='middle' src="http://1.bp.
blogspot.com/_nDNgmK8FIyI/
TUJaWNBkZnI/AAAAAAAAAVE/nZ0byXaqur8/
s40/w2bFaceBook.png" alt='facebook'/></a>
<a href="http://www.stumbleupon.com/
stumbler/allin1-web/"><img src="
http://1.bp.blogspot.com/_nDNgmK8
FIyI/TUJaXqfx60I/AAAAAAAAAVQ/CmNcj4
VJjns/s40/w2bStumbled.png"alt='
stumbleupon'/></a>
</div>
<div class='row'>
<h3>Get Subscribe to Free Email
Updates!!</h3>
</div>
<div class='row'>
<div class='email'>
<form action='http://feedburner.
google.com/fb/a/mailverify' method='
post' target='popupwindow' onsubmit
='window.open("http://feedburner.
google.com/fb/a/mailverify?uri=allin1-web", "popupwindow", "
scrollbars=yes,width=550,height=520
");return true' class='emailform'>
<input type='hidden' value='Allin1-web' name='uri' />
<input type='hidden' name='loc'
value='en_US' />
<input type='text' onblur='if (this
.value == "") {this.value
= "Enter your email..."
;;}' onfocus='if (this.value == &
quot;Enter your email...") {
this.value = ""}' value='
Enter your email...' name='email'
class='emailinput' />
<input type='submit' class='
emailbutton' value='Subscribe' title=""
/>
</form>
</div>
</div>
</div>
4. save the template and you’re done!
No comments:
Post a Comment
Notice: Don't add "backlink". Text with Link will automatically Removed.