Add Social With Email Subscription Widget Below Your Blog Posts
Go to tricksteacher.blogspot.com and select your desired blog. Get to the template section of your blog. Click onEDIT HTML and click PROCEED from the next box that appears
Search for <data:post.body/> . (Using CTRL+F)
There may be 4 similar code in your template. Search the 3rd time this code appears and paste the code below just after the 3rd <data:post.body/> .
Save and enjoy !
<b:if cond='data:blog.pageType == "item"'>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.bestsoftz-email-style{
padding:7px 15px 7px 5px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.bestsoftz-email{
background:url(http://2.bp.blogspot.com/-oHGqJ1etW_M/UDRi0T2OkXI/AAAAAAAAAyw/voPqdzqf-F4/s1600/MBT+Stay+Connected+Email.png) no-repeat 0px 13px ;
width:300px;
padding:10px 0 0 55px;
float:bottom,left;
font-family: "Trebuchet MS",sans-serif;
font-size:1.2em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.bestsoftz-submit-button{
color:#000000;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #c4c4c4;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #00ff01;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#tgemailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 5px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #c4c4c4;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:auto;
margin:10px 0;
}
#tgemailwidget-outer:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
#tgemailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id='tgemailwidget-outer'>
<div id='emailwidget'>
<p style='color:#333; font-weight: bold; font-size: 23px;font-family: "Georgia MS",sans-serif; margin:0px 0px 5px 0px; '>Subscribe And Get Latest Updates Free !</p>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<div class='bestsoftz-email'>Enter Your Email Below !
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bestsoftz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='bestsoftz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='bestsoftz-email-style' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Example@example.com'/>
<input alt='' class='bestsoftz-submit-button' title='' type='submit' value='Submit'/>
</form></div>
</td>
<td style='border:none; margin: 40px 0px 0px 0px; padding: 40px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://www.facebook.com/asadtariq77' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZtl4RxGCV4JI3IdxzTLB66X3PY0kaehARfau-HS9f2vssttMkdWiDEhWXnvbc6isFrOPH_6zRGaJ8-k2ZpD65aZQDUXAR0o-ZDc5vsz3c3ZjWQcUMDwo7XFhyphenhyphenUrqrL4NIwbqEj5oWwg/s1600/1.png'/></a>
<a href='http://twitter.com/asadtariq78' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_EmH6MOQz2PZAPLlJYkl27Qm5oizjkDRSZZdJvO-aR-hg2fMGkrJUeq_lE_mrPxrAqInsxnBXqh2EZVunCnyqnEc-RWo3VqC-Oi-1BkUy6owpsr2VuzHwI1heibusA3cNJBVdH4_OkAw/s1600/4.png'/></a>
<a href='https://plus.google.com/106080909507696381306' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWQLmjXxKRzpXfIwwaoDFnsbBKz__zczlzQmhNQ2XWP9tb0rq7xg-QcsOctmOT9rueHiFlCS0Vd8y8L0fmNPxS_yRksGu6hyjfBl1enioCfsOnb5Ci07BYNxUdxGx6yX0FtQZS81AkWM/s1600/2.png'/></a>
<a href='http://www.stumbleupon.com/stumbler/asadtariq786/' rel='nofollow' target='_blank' title='Follow Us On Stumble Upon'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWKEtbEuBtVxk2VnBo53wDfSfOs_86M8CqetitdGi2G3y9KnlWLu-h3LuASearAnYr2fDMjSet6Fsol33lABIOnpxIvF5n4E6-Cfv_pmZ0rjeAyYVXjgncJ66MQNZpbkDaum45aLEeyo/s1600/4.png'/></a>
</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if>
Note : This widget will not appear in the homepage !
Customization.
