ADD A SIMPLE SEARCH BOX TO YOUR BLOG/WEBSITE.

Many bloggers do not like the default navigation bar of <span style="color:red"><b>blogger</b></span>,and they tend to <a href="http://freebie-planet.blogspot.in/2012/02/how-to-remove-navigation-bar-from-your.html" target="_blank"><span style="color:blue">remove it</span></a> from their blog,thereby losing one peculiar thing which is the <b>search box</b> present in the navigation bar.<p>Although blogger has introduced a search widget,it still doesn't work on some browsers.</p>In this post,I'll be giving out two html/javascripts to add this option anywhere on your blog/webpage.<br /><span style="color:#b0b0b0"><b>To begin.</b></span><br />Go to <span style="color:red"><b>Design</span></b><span style="color:blue">>></span><span style="color:red"><b>Page element</b></span> and select <span style="color:olive">'Add a gadget'</span>.<br />Now scroll down to where you see <span style="background-color:#c0c0c0"><span style="color:olive">HTML/JAVASCRIPT</span></span> and select ADD.<br />Paste one of the codes below,and <b>SAVE IT</b>.<h3><span style="color:orange">THE FIRST SCRIPT.</span></h3><form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="<span style="color:red">Go</span>" type="submit"/></form><h3><span style="color:orange">NOW THE SECOND SCRIPT.</span></h3><form method="get" action="<span style="color:red"><b>http://freebie-planet.blogspot.com</b></span>/search"><br /><div style="border:<span style="color:red"><b>1px solid black;padding:4px;width:20em</b></span>;"><br /><table border="<span style="color:red"><b>0</b></span>" cellpadding="<span style="color:red"><b>0</b></span>"><br /><tr><td><br /><input type="text" name="q" size="20"<br />maxlength="<span style="color:red"><b>255</b></span>" value="" /><br /><input type="submit" value="<span style="color:red"><b>Search</b></span>" /></td></tr><br /></td></tr></table><br /></div><br /></form><p>You can choose which one to use.<br />Change the <span style="color:red"><b>texts in red</b></span> and also change the blog address to your own..</p>If you need help editing it,you can leave a comment behind.

Many bloggers do not like the default navigation bar of blogger ,and they tend to remove it from their blog,thereby losing one peculiar thi...

Baca selengkapnya »