Search Button Tutorial

Hi all! Today we'll be teaching you guys another useful blog tutorial here at Design It Chic! We know how everybody waited for new HTML tutorials, so what do you say about one that will help you search easily through your blog? That's right: a "Search" button tutorial. Are you all in?! All right! With the promise of more to come, lo and behold:
Today's topic: how to create your own "Search" button.



1. First thing, you need to sign in your blog Dashboard, go to Design and click on Add a Gadget.



2. Now choose the HTML/JavaScript gadget.



3. The next step is to place this piece of code inside:

<p align="left"><form id="searchthis" action="YOUR BLOG'S URL/search" style="display:inline;" method="get"><strong>YOUR BLOG'S NAME<br/></strong><input id="query" maxlength="255" name="q" size="20" type="text"/><input id="search button" value="Search" type="submit"/></form></p>

4. Just don't forget to replace "YOUR BLOG'S URL" with yours (e.g: http://designitchic.blogspot.com) and "YOUR BLOG'S NAME" with the name of your blog (e.g: Design It Chic). If your blog's name is too long however, you can replace that value with "Search Here" or something that fits:)

5. And then click Save.

6. This is how it should look like:



Hope you guys will enjoy yourselves playing around with your blogs. It's so much fun to make your blog nice and in the same time easy to access for your readers. Hope this tutorial was helpful to you all and looking forward to more fun ones to come, so stay tuned!

Now, if you missed anything last year, you can check the Blogger tutorial section for more tutorials, the SEO department for more tips to improve your blog's traffic or check out the Unclutter tips column for more tips on making your blog clean and easy to access!
Have a great week!