Login to your blogger account. go to your blogger Deshboard. Click on layout tab from left Sidebar and Click on Add a Gadget link. ( in the Header Area )
Now click on Add a Gadget
Select 'HTML/JavaScript' And Add the One of code given below
<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="searchbar" style="background: url("http://1.bp.blogspot.com/-Tj311tOuSXw/T40fSwQhb2I/AAAAAAAAAl0/UynjCcmZ9CE/s1600/searchbar.png") center bottom repeat-x rgb(240, 240, 240); color: #616161; font-family: Arial, Tahoma, Verdana; font-size: 12px; font-weight: 700; height: 40px; margin-bottom: 8px; padding: 0px; width: 980px;">
<div id="searchbarleft" style="float: left; margin: 0px; padding: 7px 0px 0px 10px; width: 290px;">
<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" style="margin: 0px; overflow: hidden; padding: 0px 0px 5px;" target="popupwindow">
<input id="subbox" name="email" style="background-attachment: scroll; background-clip: initial; background-image: url("http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AAAAAAAAAok/oVXZ6X2RKsg/s1600/email.png"); background-origin: initial; background-position: 4px center; background-repeat: no-repeat; background-size: initial; border-color: rgb(170, 170, 170); border-style: solid; border-width: 1px; color: #666666; font-family: sans-serif; font-size: 11px; font-weight: bold; height: 14px; margin: 0px; padding-bottom: 4px; padding-left: 34px; padding-top: 5px; width: 170px;" type="text" value="Enter your email address..." /><input id="subbutton" style="background: rgb(153, 153, 153); border-color: rgb(102, 102, 102); border-style: solid; border-width: 1px; color: white; font-size: 11px; font-weight: 700; margin-left: 5px; padding: 3px 5px;" type="submit" value="Enter" /></form>
</div>
<div id="searchbarmiddle" style="float: left; margin: 0px; padding: 4px 0px 0px; width: 280px;">
<div class="section" id="labelsmenu">
<div class="widget Label" data-version="1" id="Label1">
Menu : <select class="postform" id="cat" name="cat" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #222222; display: inline; font-family: Arial, Tahoma, Verdana; margin: 3px; padding: 3px 2px 2px; width: 220px;"> <option>Choose Categories</option>
<option value="#">Blog Menu (11) </option>
<option value="#">Widgets (25) </option>
<option value="#">Blog Design (3) </option>
<option value="#">Seo (13) </option>
<option value="#">Helth Tips (90) </option>
<option value="#">Facebook Tricks (1) </option>
<option value="#">Make Money Online (5) </option>
<option value="#">WhatsApp Tricks (19) </option>
<option value="#">Facebook Trick (25) </option>
<option value="#">General Knowledge (78) </option> </select></div></div></div>
<div id="searchbarright" style="float: right; margin: 0px; padding: 8px 0px 0px; width: 180px;">
<form action="http://www.abhwai.blogspot.in/" method="get" target="_blank">
<input id="search-box" name="q" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px; color: #666666; font-size: 12px; padding: 3px 7px; width: 120px;" type="text" value="Search ..." /><input align="top" id="search-btn" src="http://1.bp.blogspot.com/-s0m9sepW0gc/T5ltQy2L89I/AAAAAAAAAt8/SIa8-qL5dVc/s1600/search.jpg" style="padding: 0px 3px;" type="image" value="Search" /></form></div>
<div id="searchbarright1" style="float: left; margin: 0px; padding: 2px 0px 0px; width: 190px;">
<ul class="isocial" style="list-style: none; margin: 0px; padding: 5px 20px 0px 0px;">
<li style="float: right; margin: 0px 5px; padding: 0px;"><a class="rss" href="#" style="background-image: url("http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png"); background-position: 0px 0px; color: #df3321; display: inline-block; float: right; height: 24px; overflow: hidden; position: relative; text-decoration-line: none; text-indent: -9999px; width: 24px;" target="_blank" title="Subscribe via RSS"></a></li>
<li style="float: right; margin: 0px 5px; padding: 0px;"><a class="facebook" href="#" style="background-image: url("http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png"); background-position: -25px 0px; color: #df3321; display: inline-block; float: right; height: 24px; overflow: hidden; position: relative; text-decoration-line: none; text-indent: -9999px; width: 24px;" target="_blank" title="Become a Fan"></a></li>
<li style="float: right; margin: 0px 5px; padding: 0px;"><a class="twitter" href="#" style="background-image: url("http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png"); background-position: -50px 0px; color: #df3321; display: inline-block; float: right; height: 24px; overflow: hidden; position: relative; text-decoration-line: none; text-indent: -9999px; width: 24px;" target="_blank" title="Follow Us"></a></li>
<li style="float: right; margin: 0px 5px; padding: 0px;"><a class="google" href="#" style="background-image: url("http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png"); background-position: -75px 0px; color: #df3321; display: inline-block; float: right; height: 24px; overflow: hidden; position: relative; text-decoration-line: none; text-indent: -9999px; width: 24px;" target="_blank" title="Google Plus Profile"></a></li>
</ul></div></div></div>
Now Click on save JavaScript you are done