Screen Shot:
Demo:
Steps To Add All In One Box:
- Log in to your Blogger Account.
- Go to Templates >> Edit HTML.
- Tick on Expand Widget Templates.
- Find for <div class='post-footer-line post-footer-line-1'> tag.
- Paste the below code after <div class='post-footer-line post-footer-line-1'> tag.
<b:if cond='data:blog.url != data:blog.homepageUrl'><div class="sub_social_box">
<div class="sub_social_pic">
</div>
<h4>Don't Miss Another Post</h4>
<h3>Stay up to date with all of Smart Blogging Methods free quality blogger tips and other blog posts by subscribing via email.Your email will be kept private and never shared with anyone.</h3>
<h3>I respect your privacy. You may unsubscribe at any time with just one click.</h3>
<div class="sub_social_line"></div>
<table width="100%"><tbody><tr><td><p style="text-align: center;color:#444;font-size:18px; font-family:oswald; font-weight:normal;text-shadow: #fff 1px 1px;">
<small>Get Free Email Updates to your Inbox!</small></p>
<div class="sub_social_email">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=SmartBloggingMethods" class="sub_social_form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SmartBloggingMethods;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="SmartBloggingMethods"/>
<input name="loc" type="hidden" value="en_US"/>
<input class="sub_social_input" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email..."/>
<input class="sub_social_button" title="" type="submit" value="SignUp"/></form></div></td><td><ul class="sub_social_sbm"><li class="rssicon"><a href="http://feeds.feedburner.com/SmartBloggingMethods" rel="nofollow" class="ad_seo_nofollow">Rss</a></li><li class="twicon"><a href="http://twitter.com/AdityaThakker13" rel="nofollow" class="ad_seo_nofollow">Twitter</a></li><li class="fbicon"><a href="https://www.facebook.com/pages/SmartBloggingMethods" rel="nofollow" class="ad_seo_nofollow">FaceBook</a></li><li class="gicon"><a href="https://plus.google.com/u/0/108593142711028240140" rel="nofollow" class="ad_seo_nofollow">Google +</a></li></ul></td></tr>
</tbody></table>
</div>
<style>
.sub_social_box{margin-left:85px;width:550px;padding:5px;border:1px solid #ccc;margin-bottom:15px;margin-top:15px;background:#f5f5f5;color:#000;}
.sub_social_box h4{color:#333;margin-bottom:8px;font-size:24px;
font-family:oswald;
font-weight:normal;text-shadow: #fff 1px 1px;text-align:center;}
.sub_social_box h3{color:#333;margin-bottom:0px;font-size:18px;
font-family:Yanone Kaffeesatz;
font-weight:normal;text-shadow: #fff 1px 1px;text-align:left;}
.sub_social_box h3{color:#222;margin-bottom:5px;font-size:18px;
font-family:Yanone Kaffeesatz;
font-weight:normal;text-shadow: #fff 1px 1px;text-align:center;}
.sub_social_pic{display:block; float:right;margin:0 0 0 10px; width:130px;height:120px;background:url("https://lh6.googleusercontent.com/-V_2sRZfMc2s/URczixN7JSI/AAAAAAAABSE/nfRfA7OdDzI/h120/mail.png") no-repeat transparent;!important;}
.sub_social_pic img{border:0px solid #666;float:left;}
.sub_social_pic:hover{background:#FFFFFF border : 0px solid #EEEEEE;}
ul.sub_social_sbm{list-style:none;margin:10px;overflow:hidden;}
.sub_social_sbm li{float:left;background:none !important;padding:0px !important;margin:0 5px;margin-top:19px;}
.sub_social_sbm li a{display:block;width:40px;height:40px;background:url("https://lh6.googleusercontent.com/-i9IyTLDA-Vo/URczr-MPI7I/AAAAAAAABSM/bRgeQ3YFHYY/h120/social.png") no-repeat transparent;text-indent:-99999em !important;}
.sub_social_sbm li a:hover{padding:0 !important;}.sub_social_sbm li.rssicon a{background-position:0 0;}.sub_social_sbm li.twicon a{background-position:-50px 0;}.sub_social_sbm li.fbicon a{background-position:-100px 0;}
.sub_social_sbm li.gicon a{background-position:-150px 0;}.sub_social_sbm li.rssicon a:hover{background-position:0 -50px;}.sub_social_sbm li.twicon a:hover{background-position:-50px -50px;}
.sub_social_sbm li.fbicon a:hover{background-position:-100px -50px;}.sub_social_sbm li.gicon a:hover{background-position:-150px -50px;}
.sub_social_line{height:0px;clear:both;display:block;border-top:1px solid #ccc;border-bottom:1px solid #fff;margin-bottom:5px;}
.sub_social_button{background:#f7f8f9;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));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:linear-gradient(top, #f7f8f9 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;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;}
.sub_social_button:hover{background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));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:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );text-decoration:none !important;}.sub_social_email{clear:both;width:100%;margin:10px 0;}
.sub_social_form{position:relative;width:250px;margin:0 auto;}
.sub_social_input{width:150px;height:18px;margin:0 auto;padding:8px 40px 8px 10px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:georgia;font-style:italic;-webkit-box-shadow:1px 1px 2px #dfdfdf;-moz-box-shadow:1px 1px 2px #dfdfdf;box-shadow:1px 1px 2px #dfdfdf;font-size:14px;color:#666;}.sub_social_button{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:9px;position:absolute;right:-2px;top:0;display:block;line-height:16px;}.sub_social_button{padding:8px !important;}.sub_social_form, .sub_social_input{width:98% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;}
</style></b:if>
- Now, click on Save the Template.
What You Need To Do:
- Change the Blue text with your description.
- Change the Green text with your Feed burner ID.
- Change the Red text with your social profiles ID.
So now you have your All in One box working and will surely increase your blog's readerships.
0 comments:
Post a Comment