Add a Domain Search Box

We in our previous post learnt how we can add a Table of contents, which we consider a easy navigation to all our post. In this post we shall learn how we can add a Domain Search Box. This can be achieved through HTML Scripts. A Domain Search box can be very useful in times when your having a large number of posts. So its better for every blogger to have a Domain and a World Wide Web Search Box added into your blog.

There are several ways how you can add a Domain Search Box to your blog, and few of them are:

<form id="searchthis" style="display: inline" action="YourBlogUrl/search" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="submit" value="Search"/></form>


This section of the code will show up as




And remember to substitue YourBlogURL with your web address starting from http:// and you can also give your text width broaden or shorten by giving its size length. You can also change your button name from Search to like Search this or anything what you want.


There may be some of you who will not like Search button rather like to have a value on the textfield itself. This can be implemented as



<form id="searchThis" action="YourBlogURL/search" style="display: inline" method="get"><input id="searchBox" maxlength="255" value="Search Here... Type and hit enter" name="q" size="30" type="text"/></form>


This Section of code will showup as



In this section of the code if you have noticed that for the textfield we have given a value to display by default as "Search here... Type and hit enter", So for ocassions where you havent said to input the button, it may be better to add a value.

Alternatively instead of having a button you can also have an image, This can be achieved by
<form id="searchthis" style="display: inline" action="YourBlogUrl/search" method="get"/>
<input id="searchBox" maxlength="255" name="q" /><input id="b-searchbtn" type="image" src="ImgURL"/>
</form>

This section of the code would appear as





In this Search code its the same as what we have reffered above but we are using an image instead of a button, as noticable the input type is image.



Hope you like this post of ours, to read more post of similar and many more on blogging, enter your email and subscribe with us to recieve updates of this blog via email or subscribe to as a reader.
Subscribe in a reader


Bookmark this post:
StumpleUpon Ma.gnolia DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google



Do you think this post is worth reading and would you like to help our work, if so please bookmark this post for us and lets share it with others.

Link to this post:

People who read this post, also read:



Comments :

0 comments to “Add a Domain Search Box”
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

What do you think of this post ?

Newer Post Links Older Post Links Go To Home