April 11, 2010

Alternate Methods to add Google Search Box in Blogger Blog

Buzz King of Complain with Friends
I was searching for alternate methods to add a search box in Blogger. The default navigation bar that provides a search box on the top of Blogger’s blog is very boring, I wanted a more customized search box for my blogs.

UPDATES: All the methods as here is only a SIMPLE FORM SEARCH. Subscribe to my news letters and i will update you some more regarding the AD-SENSE PART ASAP.

Alternate Methods to add Google Search Box in Blogger Blog

Later Google provided bloggers with a search function in their “add a gadget” section and they introduced a free Custom Search Engine (CSE) for any website as well. The problem with these two options introduced by Google is that by following their default instructions to install the search box, the blog may take too long to load.

So here, I am showing 3 alternate methods to add the same search box with similar functions using forms, it is using simple HTML, and therefore the loading time will be lightning fast.

Just cut and copy the below HTML code to any where you want it to appear in your blog.

Method 1
The default search box provide by Blogger. If you have removed your navigation bar on top and you still want the same search box that comes along with it.

Method 1 Demo





Method 1 HTML code


Method 2
This method is simply a search box based on the normal Google search engine. However this method will only display results from within your blog. You will need to change the ‘http://YOURSITE.blogspot.com’ address to your blog URL in the HTML code below.

Method 2 Demo






Method 2 HTML code


(Method 2 - Variation)
You can add a checkbox for your readers to choose from just searching the web or just your blog. Use this form instead.

Method 2 Variation Demo



Search this BlogWeb Search



Method 2 Variation HTML code


Method 3
This method is a modification of Google’s product Custom Search Engine (CSE). They provide a free CSE for anyone; a paid upgrade is available though. However CSE provide JavaScript codes which sometimes slow the blog loading time. So here below is the alternate HTML method.

1. Sign up with Custom Search EngineCustom Search Engine and after you get your Search Engine.
2. Find your Search Engine Unique ID and replace it in the form below.

Method 3 Demo



Method 3 HTML code


Note that I have added a simple JavaScript to all three methods and that is when the default text is on focus, it will automatically disappear. This will make things easier for your user as they do not need to delete the text before they enter a new key search.

Also if you would like your search results to open in a new window. Just add this code.
target="_blank"

to your new search box.

Example:
Original Code:
<form action="http://www.google.com/cse" id="cse-search-box">

Add your the extra code here as shown below;
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">

There are many ways to add a search box using simple HTML forms. However, I believe Google is the favorite as they currently have the largest database and that probably also contain more information form your blog then the other search engines.

Thank you for reading. Please link to this post if it helps and feel free to comment and ask.

More reference:
Google Custom Search Engine official site.
Google Simple Search Box and guidelines.

Link To This Post:

Share This Complain

17 Complain:

Anonymous said...

I'm extremely impressed together with your writing skills as well as with the layout to your blog. Is that this a paid subject or did you modify it your self? Either way keep up the nice quality writing, it's rare to
look a nice blog like this one nowadays..

Here is my site: keyboard

Anonymous said...

I've been surfing on-line greater than 3 hours lately, but I by no means discovered any attention-grabbing article like yours. It is beautiful value enough for me. In my opinion, if all website owners and bloggers made excellent content material as you probably did, the net will be much more helpful than ever before.

Review my blog post: go to my site

Anonymous said...

Good day! I simply wish to give a huge thumbs up
for the great information you might have here on this
post. I can be coming again to your weblog for extra soon.


Visit my blog post: korea seoul weather in february 2013

Anonymous said...

Hi there! I just wish to give a huge thumbs up for the good information you might have here on this post.

I shall be coming back to your blog for extra soon.

Also visit my website; semi truck tires in michigan

Anonymous said...

Hey! I simply would like to give a huge thumbs up for
the great info you’ve got here on this post. I will be coming back to your blog for more soon.



my blog post :: yongsan-gu seoul korea zip code

Anonymous said...

Hi there! I just want to give a huge thumbs up for the good
data you will have right here on this post. I will likely be coming back to your weblog for extra soon.


Feel free to visit my blog post; list of top seo companies in kolkata

Anonymous said...

Hey! I just would like to give an enormous thumbs up for the
great information you will have here on this post.
I might be coming again to your weblog for more soon.


Here is my blog post ... semonin real estate listings

Anonymous said...

Hiya! I just wish to give an enormous thumbs up for the great data you’ve got right here
on this post. I will be coming back to your blog for more soon.


Look into my weblog ... street map of seoul south korea

Anonymous said...

Howdy! I just would like to give an enormous thumbs up for the nice info
you will have here on this post. I might be coming back to
your blog for extra soon.

Feel free to visit my web blog :: seo services companies sydney

Anonymous said...

Whats up! I simply wish to give an enormous thumbs up for the good info you have
right here on this post. I will likely be coming back to
your blog for more soon.

Have a look at my web site; offshore seo company india

Anonymous said...

Good day! I simply would like to give an enormous thumbs up for the
good information you have here on this post.
I will likely be coming again to your blog for
more soon.

My blog post :: google play store 下潬google play store 安潬google play store 已䀦­?

Anonymous said...

Your blog appears to be having some compatibilty problems in my ie browser.
The wording appears to be running off the webpage pretty bad.

If you want you can contact me at: robt.schenk@peacemail.com and I will shoot you
over a screen shot of the problem.

Here is my site Clash of Clans Cheats (http://www.reddit.com/r/Clashofclanshack/comments/213pml/clash_of_clans_cheats_working_for_iosandroid)

Anonymous said...

You have to write this things more.Generally there are a wonderful amount of people that suffer out of problems similar
to over weight and high excess fat at this present time. The key reason behind this scenario may be the
busy lifestyle and unusual program due to that they can no longer give good attention on the health and wellness.

Many of them don’t have actually period to exercise.
To them, the best way to keep fit and healthy would be to begin the
correct health supplements. If you are searching toward get
an efficient and tested normal supplement, Garcinia Cambogia can easily accomplish your requirements to much extent.
The absolute extract of Garcinia Cambogia has been utilised as an efficient slimming pill.


Feel free to visit my webpage; garcinia cambogia with potassium (http://garcinia.cambogia.with.potassium.wheretobuyauthenticpuregarciniacambogiaextractdroz.com)

Anonymous said...

Today, I went to the beachfront with my children. I
found a sea shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She placed the shell to
her ear and screamed. There was a hermit crab inside and
it pinched her ear. She never wants to go back! LoL I know this is
totally off topic but I had to tell someone!

Here is my webpage web site ()

Anonymous said...

But as I look up from this book and out my window my thoughts begin to wonder, "Who will be added to this book moving forward. You may deviate from your plan here and there, but just because you ride the rumble strip for awhile doesn't mean you aren't still on the road. s staggering to think of where I would be today if this information had been shared with me in my teens.

Visit my website - Meir Ezra

Anonymous said...

When I originally commented I clicked the "Notify me when new comments are added" checkbox and now each time a comment
is added I get four e-mails with the same comment. Is there any way you can remove people from that service?

Thank you!

Feel free to surf to my website ... best fat burner pills

Anonymous said...

It is the best time to make some plans for the future and it is time to be happy.
I've read this post and if I could I desire to suggest you some interesting things or advice.
Maybe you could write next articles referring to this article.

I desire to read even more things about it!

my site: right golf grip

Post a Comment

 
This work is licenced under a Creative Commons Licence.
(c) 2010 Blogger Theme "Sleek Minima" designed by King of Complain. All Rights Reserved. Powered by Blogger.
KOC Toolbar
Review for King of Complain
Back to Top