Stylish Best Social Media Widgets with Search Box for Blogger

Social Media Subscription Widgets play an important role to increase blog traffic and also Facebook Likes, RSS Subscribes, Twitter and Google Plus Followers. Keeping in mind the importance I am going to share another Social subscription Widget for Blogger. his is the best and easiest way to increase blog traffic. This Widget contain 4 Social Networks links with additional search box. It consists of Facebook Page link, Twitter Profile link, Google Plus Link, Feedburner Feeds link. I already shared All-In-One Social Media Subscription Widget. This widget is lighter and stylish have black tone shade which makes this widget awesome and best for using on blogs. So toady I am sharing a Social Media Subscription with Search Box Widget for Blogger.

How to Add Social Subscription Widget in Blogger

Go To Blogger >> Layout >> Add a Gadget
Choose "HTML/JavaScript"
Paste The Following Code In The Content Box

<style>/* ---Www.BlOGGERPLANET.COM Mega Social Media Widget--- */#search {border: 1px solid #DDD;background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8lD5-8ta28slvOqG_T5-_QSTb4XlMAPu4g3ieaI1_YfflQL5FsmtzMuucAmhnYZ-F7W-Lznvv92h3mmCo2RWZVYc3IDgHYflXUVSwEAOpyWXvmE70xQ5SvaZ05crFF4dxGLIeZyfCc8/s1600/search.png) 99% 50% no-repeat;text-align: left;padding: 6px 24px 6px 6px;height:15px; mouse:pointer:}#search #s {background: none;color: #666;border: 0;width: 100%;padding: 0;margin: 0;outline: none;}.social-connect-widget {background:#F5F4EF;border:1px solid #E7E6DE;padding:10px;border-radius:5px;-moz-border-radius:5px;}.social-connect-widget:hover{border:1px solid #CBCBC2;background:#FFF}.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}.social-connect-widget img{vertical-align:middle;margin-right:5px;height:32px;width:32;}</style><div id="search" title="Type and hit enter"> <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" /> </form> </div><br/><br/><div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;"> <img alt="rss feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLRO2YdwxJlzCUjrX5rTL8sImi9Jl8BC-bw_kqdD6NwYWhL5avdKxs_VwDIrNOJKzq5Gt4K_V37e6VQWF3-_mauPMha7iozOgs3P6Vc_REwBjGrTIb6ziL6g2vkzKl9R3DaHgQRmVIKgk/s32/rss.png" /><a href="http://feeds.feedburner.com/bloggerplanet" target="_blank">Subscribe to our RSS Feeds!</a></div><div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="follow us on twitter!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb68au4YhkO8Y7kJ8hQoeqlphDCjqW8kzvsz4gBlJwuL9aQWeXgdlNlMDllvuMPNIXE4j-RoqKwP6BLRnGnI8KBCZKOw5GFsV4ELBpd38Dv4-6Ifbf6FxNHmHoON00PFpNnOPbvnr2hbo/s32/twitter.png" title="follow us on twitter!" /><a href="http://twitter.com/bloggerplanet" target="_blank">Follow Me on Twitter!</a></div><div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="be our fan!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bwJ4Pk_nBwtXCVXZxdZwvYrm8HfsIgyxjuS0VVIc2hGNJJ2t4QFqoYiJHw7-GK2nGSr1u0kFeJgGEJRgKpMpLkBo_qw_ZjWuNiYU_bGyhe2mopbOcS-fbDnseG0Pcopir9_cWNwrmrA/s32/facebook.png' title='Be Our Fan" /><a href="http://www.facebook.com/bloggerplanet" target="_blank">Follow Me on Facebook!</a></div><div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;"> <img alt="google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhML27LdKsT46Z_g3fMdCziPL-hUVa0U0-2nTq7XSsIHxi_l7TiEwiG1x3idIQm4y_pTO9LAj71PgAAwLgMx4_52klK6YFEBw_jOunulubtaKoHwC1YyhTaU0zbvrBt5TEvpLZyTQa3XvM/s39/g-plus-logo.png" /><a href="https://plus.google.com/115508725363370825317" target="_blank">Add Me on Google+!</a></div>