Add a beautiful RSS subscribe widget with social buttons to your blogger blog

This is very important that you add subscription box to your blog, to help keep your readers updated by emails, on latest contents on your blog. This increases readers engagement on your blog too.

Follow below steps:
1. Log in to blogger dashboard
2. Now select "Layout" from left sidebar
3. Click Add Gadget in any part of this page you want it to appear and select 'HTML/Javascript'
4. Paste below code. (You can add any Name as Title )

<style>
.btrixsocial_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
.btrixsocial_box-emailsubmit{
background:#0084CE;cursor:pointer;  color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
.btrixsocial_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   width:200px; height:20px;color:#666;}
#socialboxbt
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialboxbt">
<a href="http://feeds.feedburner.com/Givemereport" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="http://1.bp.blogspot.com/-Z7DWRzHHGn0/UQjkp0_shDI/AAAAAAAAA-4/e9T8_PbGZ_E/s1600/rss.png" /></a>
Submit your Email Address to Get Free latest Articles Directly to your Inbox
<br />
<div class="btrixsocial_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" type="text" value="Enter email address here..." />
<input name="uri" type="hidden" value="Givemereport" /><input name="loc" type="hidden" value="en_US" />
<input class="btrixsocial_box-emailsubmit" type="submit" value="Submit" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br /><div class="table"><table>
<tbody><tr>
<td><div class="subicons">
<a class="Fadeout" href="http://www.facebook.com/Givemereport" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-Q8hDSuiQ4oY/UfP3MWGR4KI/AAAAAAAAAxc/uVUQS9B4gOA/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="http://twitter.com/owenayuk" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-EzgBX_HRueU/UfP3N9XacmI/AAAAAAAAAx0/VdVrFJVGGms/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/Givemereport" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-is8jlQvTrQ8/UfP3Mir4_ZI/AAAAAAAAAxg/Wm3hYEiddAo/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/owan_ndoma" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-FlACrdB0NMc/UfP3Mz_pZlI/AAAAAAAAAxs/gVGD99Bi-xs/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div> 



NOTE: Replace Givemereport with your Feedburner ID Replace Givemereport with your Facebook username Replace owenayuk with your Twitter Username Replace owan_ndoma with your Pinterest Username.
5. Now save your HTML/Javascript'. You are done.... Enjoy!

SHARE THIS

Author:

Latest
Next Post