Add Social Media Share Widget With Search Box For Blogger

Social bookmaking is the easy way to get traffic to your
blog.Earlier I gave lot of  of social Bookmaking gadget.In this
tutorial Im helping you to add the Search box and link with Rss,
twitter and Facebook.Earlier i gave Add Sleek Search Box With
Social Buttons For Blogger. I also same widget with different style.
This gadget will helps you to  grow up  your Rss follower,
Twitter follower and Facebook fans.follow these steps.

1.  Log in to blogger account > Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below code.

<style type="text/css">
#search{width:268px; border:1px solid #E0DFD9;margin: 0 0 0 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEDfQ2ckvNI61SvxRRHqhIIIoVbC5yq9jT5SiCWgdjIW2eYolHBFkmE4S5oeGu_6944v01sWDtKQbDAuLeSRmPUSLKg-nejoFawJFbe_BC_5D17uJKuBLd8R2zKYBUW9w9IZ0lkDGEdsY/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDq1tgKu48mjgouc6qAWicqwrKhJqsBQbq_hnDiqtFOgxs4KEvB6Zhzt0exiYx-o5d_MpN0s-eYboLK9s3_3jmja9NyXnrRZRCOhE8v1bqxi7c7_-FCMDQlkZu-xAKgG8JofHZznrzoY8/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65sIendU-D2uh-UZqo-Bx72iLdJZtT5TioCRetVft5GXiwMLl8NEUrYgjNRSMxXv0b5TTpMLq3QPLCvUbL8I0km5A72EyFOT2r94nhogKAXylrg4H6o-4PYVqNK-liRX5On3U5YQtweM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_OTxDxPtWdQASw1Cyo6J3gwX2Ulyd2hITeymUH-a03Ky1uF_5HUla4Bl95LIVdbJjUs_Z8Lqs1f8nEudP8m7p4Blqe5Ah3JkHbX8a8fck84zt-BZ8JENpIg5VigJhBrEnML0hO2HDgQM/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/USERNAME'>
Follow Us on Twitter!</a> 
</div></div>
<div class='social-connect-widget' style='margin-bottom:10px;'> 
<img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnKVq7nTP88dUJOk4wdl64tb9TVjURglfq7Qv_b3nv4Kv0buSQKKarZbsOGXfTAdGY9S__69XxM7wnEwQR69KJ9tojiiyDn7pLtQkHN52WFFbZeC_51UHcFrIQpe-J41-09Lzql2UUxg/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/USERNAME'> Follow us on Facebook! </a></div><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNyudzX3rAnugjoR3uCR7VaSdtU5XE7rQz8a3lh0PdGP8CnKAequzG6zh8ibLbSH6fWHkjZznLsw6MkjH-2LI7nsf0KplJfU9seuBrUV6_lZp8aDFN5rQxDmnrbnYTkrmZ2pryEhyphenhyphenMP_w/s1600/image.png' target='_blank'/></a></div></div>

Replace UserName with your twitter Username
Replace UserName with your Facebook fan page Id
                                 
4. Save HTML/Javascript. you are done.