Recently I add more free Thesis 2.0 Boxes for Thesis Theme 2.0 users, so I created another one box for Thesis Theme 2.0, that one is Google Custom Search Box.
How to create google custom search engine?
- First create google search engine via following link with your gmail id http://www.google.com/cse/
- At the time of get code page, click on look and feel page link, there you should select two page layout.
- Then click and save&get code button
- Then it will open another page, there give your search results page display url
- Then click save change buttons.
There you will get two type of code.
First one is google search box code – paste this code in our search box as per below instruction.
Second one is google search results page code – paste this code in your search results display page.
Let’s see how to use thesis google search box in your site Header.
If you want to add Google Search Box in your nav menu click here to see the tutorial.
Steps
- First go to Thesis admin section
- Then click select boxes after that click upload button
- Then browse our thesis-google-search.zip file
- Then click add button it shows your boxes installed successfully.
- Then click on that check box and select save boxes button. That’s all now you successfully installed our google search box.
- Once you successfully installed boxes, it will automatically go to Thesis Skin editor section.
- Now go to Thesis skin editor section.
- Then create two container name as header left and header right via Thesis Add boxes section
- Then click on those container and configure two container as per below image
- Then add those container in header container section(refer below image)
- Then add our google search box as per above image
- Then click on google search box and paste your google search box code(refer below image)
- Then go to CSS section
- Then click on header package section and go to additional CSS section
- Then paste following CSS code as per below image
.header-left {
float:left;
}
.header-right{
float:right;
margin-top:30px;
}
- Then save your template and check your site. That’s all.
OUTPUT
Download Google Custom Search Box
We will be providing more Thesis Theme 2.0 Tutorials and Thesis 2.0 Boxes, so don’t miss those tutorials and Boxes, subscribe below box
We launched Thesis Skins for Thesis Theme 2.0., if you have time, visit our Thesis Skins page.
If you have any doubt regarding this box, feel free to ask me via below comment box.
If you like above box, share with your friends via following social media options.
