Social Media Widget With Search Box For Blogger

If you are searching for cool looking social media widget with search box then you are on right platform because today we are going to share another Social Media Widget With Search Box For Blogger Blog. By using this widget you can link to Twitter, Facebook and RSS feed. By using this widget you can also show a search box to your readers. This gadget will helps you to  grow up  your RSS follower, Twitter follower and Facebook fans.

Social Media Widget With Search Box for Blogger

How To Add Social Widget With Search Box To Blogger

  • Go To Blogger Dashboard.
  • Layout >> Select HTML/JavaScript.
  • Paste Below code.

<style type=”text/css”>
 #search{width:268px; border:1px solid #E0DFD9;margin: 0 0 0 0;background:url(https://1.bp BLOGSPOT.com/-U9b2ClQr0qQ/T98EFU0pURI/AAAAAAAAA6M/dw8Dw4H_fR4/s1600/search-bgg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden} #search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}  #search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px} #search-wrap{padding:15px 0} .topsearch #search{margin-top:0;margin-bottom:10px}.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
</style>    <div class=’topsearch’> <div class=’clerfix’ id=’search’> <form action=’/search’ id=’searchform’ method=’get’> <input id=’s’ name=’q’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Search here…&quot;;}’ onfocus=’if (this.value == &quot;Search here…&quot;) {this.value = &quot;&quot;}’ type=’text’ value=’Search here…’/> <input class=’search-image’ src=’http://3.bp BLOGSPOT.com/-OfKiE_4vvp8/T98EGUhcaDI/AAAAAAAAA6U/evh0_xmNLEs/s1600/searchico.png’ title=’Search’ type=’image’/> </form> </div> </div> <div style=’clear:both;’/> <div class=’social-connect-widget’ style=’margin-top:0px;margin-bottom:10px;’>  <img alt=’RSS Feed’ src=’http://3.bp.blogspot.com/-eoQNuiS_DEE/T98CoPI65yI/AAAAAAAAA58/1C3-O73Gavs/s1600/social-rss-box-orange-icon.png’ title=’RSS Feed’/><div class=’Widget_text’ style=’margin-left:45px;margin-top:-30px;margin-bottom:10px;’> <a expr:href=’data BLOG.homepageUrl   &quot;feeds/posts/default&quot;’>Subscribe to our RSS Feeds!</a> </div>  </div> <div class=’social-connect-widget’ style=’margin-bottom:10px;’> <img alt=’Follow Us on Twitter!’ src=’http://4.bp.blogspot.com/-zcHeTCGPEzQ/T98Co2ASiiI/AAAAAAAAA6E/K9kv5Oag_Jo/s1600/social-twitter-box-blue-icon.png’ title=’Follow Us on Twitter!’/><div class=’Widget_text’ style=’margin-left:45px;margin-top:-30px;margin-bottom:10px;’>  <a href=’http://twitter.com/mbg’> Follow Us on Twitter!</a> </div></div> <div class=’social-connect-widget’ style=’margin-bottom:10px;’> <img alt=’Be Our Fan!’ src=’http://4.bp.blogspot.com/-nQSUVBUO4w4/T98CnO1EjkI/AAAAAAAAA50/a3y-_20yP1s/s1600/social-facebook-box-blue-icon.png’ title=’Be Our Fan’/><div class=’Widget_text’ style=’margin-left:45px;margin-top:-30px;margin-bottom:-10px;’> <a href=’http://facebook.com/mbg’> Follow us on Facebook! </a></div><a href=’https://www.mybloggerguides.com/’><img src=’http://1.bp.blogspot.com/-MiryOkTk9fs/T9nKXxy3riI/AAAAAAAAA5o/kMhpj-0aCAM/s1600/image.png’ target=’_blank’/></a></div></div>

  • Change Highlighted Colors into Yours.
  • Now Click On Save.
  • That’s it. You have added this widget successfully.

Conclusion:

So above guide is about How To Add Social Widget With Search Box For Blogger. Hope this guide will help you in installing this widget. If problem persist after following all steps then drop a comment below. We will help you out of sure. Don’t forget to give us feedback for this widget. Do share.

Paramjot Singh
 

Hey, How you all are? Myself Paramjot Singh, A young (Not Old :P) addicted Blogger from Lucknow, India who want to learn Aha to Shit of the Blogging. I'm blogging since 2 years, and here on My Blogger Guides, I'm sharing my little mind knowledge which I learned in these past two years. :)

Click Here to Leave a Comment Below 0 comments