Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Friday, 28 June 2013

Add Subscription And Social widget after Every Post In Blogger

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 == &quot;&quot;) {this.value
= &quot;Enter your email...&quot
;;}' onfocus='if (this.value == &
quot;Enter your email...&quot;) {
this.value = &quot;&quot;}' 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.