How to create a site search box with a image in the background?

[Yeye1984]

Hello mates!
I would like to create a site search box with an image in the background. Please help!?. Something like this. I am using blogger. Thank you in advanced.

 

[Purush]

I think, its been vice versa. They put search box in the image.

 

[finco]

Have you tried writing any code?
Can you please show what you have so far?

What you want is easy and should not give any serious issue

 

[GGAds]

Yes please show what you are working on

 

[R4v3nbl4ck]

Put the search box code inside a div or another container. With CSS, add the background image and set the container height or use padding to leave some space above and below the search box.

<style>
#test {
background: url(image_url);
height: desired_height;
}
</style>

<div id="test">
search_box_code
</div>

 

[Yeye1984]

Thank you guys

 

[Yeye1984]

Put the search box code inside a div or another container. With CSS, add the background image and set the container height or use padding to leave some space above and below the search box.

<style>
#test {
background: url(image_url);
height: desired_height;
}
</style>

<div id="test">
search_box_code
</div>

Hey thank you very much. But now it is showing in all the pages and posts. How can I just set it up for homepage only?. Iam using old blogspot

 

[R4v3nbl4ck]

Hey thank you very much. But now it is showing in all the pages and posts. How can I just set it up for homepage only?. Iam using old blogspot

I'm not sure if that's possible in Blogspot. You would probably need php for that.

 

[thesuperhero]

Hey thank you very much. But now it is showing in all the pages and posts. How can I just set it up for homepage only?. Iam using old blogspot

You should edit that CSS and find an unique parent class that is used only on the homepage.