Then get the url of your newly posted page. I did it by going to [edit posts] section, right clicking [View] link and copying the url.

Now go to your Google CSE control panel at [Code] section. Now tick [Host results on a non-Google site using an:] and [iframe] option. Then paste your post url in the form. Next a column contains your search box code will appear. Select and copy the given code.

Paste the code inside your blogger template.

And here it's looked like at this blog.

Go to Google CSE control panel again and copy the search result code.

You should go to edit section of your Blogger again and reedit your post. Delete what you’ve typed before and paste the code inside it. Hit publish again.

Then you can test how it works at your blog. Try to define some search keywords.

That’s what we need to do for setting up a Google Custom Search Engine on a Blogger platform. You can try Google CSE in action from this blog. You can utilize Google CSE in this blog to search any posts contain keywords you want. Any questions just write down at comment link below this post. Subscribe to Blog Template 2.0 to get quick update. [Prev]

You’re currently reading part of Placing Google CSE Tutorial. The complete part of this post can be found here: Part 1 - Part 2 - Part 3.