How To Add a Search Bar on Homepage.

Add your own Search box on websites using this HTML code
Just copy the code below the preview of Search box to and follow the steps.

Why Should I Have One on My Blog?

Well, there's a couple of reasons! For one, functionality! This little Gadget-O-Love adds a lot of functionality to your blog. It enables readers to search through all of your hard work and find exactly what they are looking for.

Advantages of This Search Boxes

The first advantage that you are free here to design this custom search box yourself.
Second, you can implement this search boxes anywhere like in header, footer or in body post.
It has hovered effects with the watermark.
Easy customizable from CSS styles.
It is well optimized for speed search results.

Now in pop out window search and select for HTML/JavaScript.
And paste code on it:
view sourceprint?
01
<style>
02
#search-box {
03
position: relative;
04
width: 100%;
05
margin: 0;
06
}
07

08
#search-form
09
{
10
height: 40px;
11
border: 1px solid #999;
12
-webkit-border-radius: 5px;
13
-moz-border-radius: 5px;
14
border-radius: 5px;
15
background-color: #fff;
16
overflow: hidden;
17
}
18
#search-text
19
{
20
font-size: 14px;
21
color: #ddd;
22
border-width: 0;
23
background: transparent;
24
}
25

26
#search-box input[type="text"]
27
{
28
width: 90%;
29
padding: 11px 0 12px 1em;
30
color: #333;
31
outline: none;
32
}
33

34
#search-button {
35
position: absolute;
36
top: 0;
37
right: 0;
38
height: 42px;
39
width: 80px;
40
font-size: 14px;
41
color: #fff;
42
text-align: center;
43
line-height: 42px;
44
border-width: 0;
45
background-color: #ff6c00;
46
-webkit-border-radius: 0px 5px 5px 0px;
47
-moz-border-radius: 0px 5px 5px 0px;
48
border-radius: 0px 5px 5px 0px;
49
cursor: pointer;
50
}
51
</style>
52

53
<div id='search-box'>
54
<form action='/search' id='search-form' method='get' target='_top'>
55
<input id='search-text' name='q' placeholder='Search...' type='text'/>
56
<button id='search-button' type='submit'><span>Search</span></button>
57
</form>
58
</div>
And press on "Save" button.
Share

Mobile number

IF U WANT MORE LIST PLZ CALL US....

CALL ME

+919679711650 , +919614334100

Contact Form

Name

Email *

Message *

 
Copyright © 2015 INDIA CLASSIFIED8
Distributed By kdpgroup | Design By Santanu Achar