Guys, There are Many Subscription Box Widgets Around the Internet with Included Social Media Icon But I Can Found on Internet a Very Awesome and Cool Wide Subscription Box with Social Media Icons. This Widget is added in the end of Every Post because When a Visitor Complete Reading Your Article it See that Topic is Useful So Visitor Wait For Next Update So He Subscribe and also Connected with You Via Google+, Facebook and Twitter.
So Guys Here is a Snapshot Of Widget :
Follow These Steps To Add This Awesome E-mail Subscription Widget Below each Post in Blogger. I Recommend You To Use This Widget because its Look very Attractive in White Background Website
Just Replace Your Profile IDs With Red High Lighted Code Before You Adding This Code in Your Blogger Template.So Guys Here is a Snapshot Of Widget :
- Go To Blogger Dashboard > Template > Edit HTML.
- Press CTRL+F and Find This Code <data:post.body/>
<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=Tenxblogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='tenxblogger'/>
<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/tenxblogger' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvx4-vxMa24ZLcfXA5e7aVAipkEnj0Af4Vna3qtQSq3CHKmKmkViEi6Tb1a3viDOiM0F-uBEBZ_Fz0bd24ul7OcnRBk9Vhgk2K08sIJL4_cbdowwkFaTPq_82BdtTNkM42-BfwNg-PBqo/s1600/1.png'/></a>
<a href='http://twitter.com/harshsharma9619' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TmAUewHFFarMaW8r8sw-F7LvE8EzGHzL8_ybzaTtrddcXorxUpz-xw5yqBiXAqSG39xGLtWA_v_9poyRUfuGFjf3a73n23ir_hbwZLWd_MI5vrpkcORCPPwiS4Lxmc6JNcZRQLhPK3s/s1600/4.png'/></a>
<a href='https://plus.google.com/+HarshSharma786' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUS7MshNHSOHQMkRBf1O4ZFeIyTNQZQpW11kkmhV-1p5lk9n_prbL9WPvXCgX96fSgw8wY30EwNhbVECbcUMoecDd7TLdXHFWRydmVvsEsEZXYfpzxKVxR6OcRATzNIos-Si_-F-gv8k/s1600/2.png'/></a>
<a href='http://www.stumbleupon.com/stumbler/harshsharma9619/' rel='nofollow' target='_blank' title='Follow Us On Stumble Upon'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg56Xdtq9YGnb6rMhJU0VSjPV6OvpBKf_QukXBBdiMzaPN_PEfyXpQyT41zb2MMVEv14PV0onw4BnR_6ZtVffgEk1eTZeokntyDZWhyphenhyphenAU8c4AcblDE4t50HG3j9bcj5q1FmhbkgpdmYVIw/s1600/4.png'/></a>
</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if>
Happy Blogging :)
No comments:
Post a Comment