Attractive Pro Subscriber Widget for Blogger ~ Face Blog

A new updated pro and unique subscriber widget is here ready for install in blogger, It includes the Search Bar, RSS Feed, Email Feed, Twitter, Facebook and Other Social Bookmarking Buttons like a Professional blogger always wants for their blog to make it pro.Thanks to Ebloggertricks to make it possible for other blogs and this is good combination of scripts and social bookmarking widgets.

Attractive Pro Subscriber Widget for Blogger

Login to Blogger > Dashboard
Go to Design > Edit HTML
Search for </head>
Paste below code before </head> tag.

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}>
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% "Tahoma",Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

Save Your Template.
Now, Go to Page Elements > Add HTML/JavaScript Widget.
Paste below code in it.

<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = "";}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/fblatest/nflb" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoj4Y7fJMvOZiioduXnpPP1ypG85qu5mQL1uszQ5DC-E_ZpKiV3GgHFu65618DRiemqOSe2llVIbUrN2yDSFbWyyuXOdRdWs7fgRvp1h9QjlHv5AWLRe4idcP3v2Xc_zxxnOJwHRX-Cd_A//" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/fblatest/nflb" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=fblatest/nflb" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZJrgmYMXmR4tXNR5TElwPRnw7Q_xOkBkoCpK42GwK4Xj5PUXG2fPtEM865eMguQvtHdwXRRFav_FejHAS-xU2ZyYN0yeVQdMpbitSUC-d1F0CiWBZiEC55wgMyUCvU779qDX63SOxl_fd//" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=fblatest/nflb" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/fblatest" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSrb35Iyw3dM2B_5h_OKete7YaFPABluAA1UtsUhKJwauqBkOw0BqRmaCBfioaFnFNvjyYvLqxin8v07TVmLrf3BE00GjkR2FBNbDjJeqFwX1VRgSWvm1PA-hU6qvO232IGhJd45bU4QWX//" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/fblatest" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/COMPUTERS.TRICKS" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGaNo6eVAOyD1zDwDUUtJqDxGXjYumQYlHY1bVe4cGXhrNrncgOxgJ94OZ1sSKSZ_B4dYal_ggAb9R2QMwpZsXh7Sh3zYxtm82dJGQwsxV_A18xGP431LuCQMErJ-HuUluuf7yAGiv59C0//" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/COMPUTERS.TRICKS" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.fblatest.in" target="_blank">Face Blog</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnroRBSOE54UogqAjtjVBFNg2iQYNYg1z_jmsopqzt1UXu2bhgAmNcxy-0S7bJzb5UAEqOE6NQQzwzZnTZ0Jlw5AxQ1HeJoSt0cuN1_grOPPXzgCDZjcp-9v7vVQ5k8BAMDA-BV0V7WZo//' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5qo7BJNNIbcbTf9uk35zjuquV9pjph4h-br8cpiwzl7-xCV0cv8YysxW_ZRaPvf_r7pxC8EnOzqiHzYqiFiH3M6JNLUzMq_ODIe2ew9Uhiuj4ZjOGXPQzZfwgrt1ws9cPKtVixuNdYlY//' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQQFbz6aXpn-pzm6JBu6aVmvpjAZt8TbIZNonxcj5hUl8AFGgXWahgdOD9EBm9lMXU3JZUftgE2VkPqJYmuexQHdFd8ThgAwJGAb1fo1zkW1LPzB0xQBeAqp9P2AhdNgtr5fQpIo7K0YA//' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFG6JlEpK-9JNQUUWqO1TACA1SHV2XGC3Y5uILSvSyh4GOLm1HzuGVWJyQMB0h6jR7q-euLx9c1AY7OMrv8u2rJ_N7mQi6uhHCHW-EwL0Si3JmGgU24yIRXY6ViV4cCuLJUalsa-tbj0Q//' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJLNCnnMdtLgZj7RHDMeq2PW62igPnl-ao0Ph8070F6ZLqGob-pdeT3E9fcasJLYb1yU4SMRTeiYmYH7tPM5qHuwM-T_FQKsVtxJMRMwETeUuy3Kbpx2lX4eTuZTYyTSaXXK9HlQgjqQ//' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoN74Vl-TVSAkoI3ciHmfB5uIG_IFimOkMwowHG6b86dhA4l1YodJfeyuVSAnYidXucvFbgl5yaNspZleIVscfRK_g0Ts66B4NYNZD3bVRQjOOYeTAOL7no-Hhz6HKsegrj7DoT7Z1-fE//' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWgOVX1K-phaJJlwAz32x6VnM5KKximaoC0PBriCgQDqLaUhJdOFAopMt7ezvudqmc34hx01aQ4bOOrl9ZusszTAUYH465kpv-MPD-zgWUxub5gdqUGAsc3BCCz0Pp71rwKUrztP8RH8//' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>