How to Add a Search Box Widget in Blogger

How to Add a Search Box Widget in Blogger

First things first lets add the search box to your page and then we'll discuss a few quick changes.

1. Go to Dashboard > Design > Page Elements > and select "Add a gadget" > then click the plus sign (looks like this  ) next to the HTML/Javascript.

2. Copy and paste the following code to the content box.

3.To change Type! :D with your own text just change 

value =  "Type! :D"   value =  "Write your own text here" in the following code.

4. Save and Viola, you are done. :)

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="Type! :D" type="text" id="searchBox" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q" /> <input id="searchButton" value="Go" type="submit" /></form>

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati