Blog Template 2.0: Placing Google Custom Search for Blogger - How to set up - Part 3. <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src=""></script> <script type="text/javascript"> gapi.load("", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: '\x3d5560732631221352938\x26blogName\x3dBlog+Template+2.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3d\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3d\x26vt\x3d3194941705705434899', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
Free Blogger Templates | Home |
BlogTemplate20 Free Download Blog Templates
Free Templates
Recent Post(s)
Search Design

AddThis Feed Button

Blog Stats
eXTReMe Tracker
StatCounter tracker
Blogs that link here
Could be useful
Templates Stock
Premium HQ Template
Full Widgetized
Elegant Citrus Fresh
Blue-Dark gradient
Rounded Keko
Fresh Magz Clean
Twitter Style Skin
Travel Logbook
X rated template
Cute Girly Cupcake
Brown Magz Style
White Simplicity
Masunurin Simple Rounded
Premium Dashboard
ZinMag News Showcase
Natural Magazine style
Premium RedHat
Money Making Template
Sky dashboard
Premium Blue Sky
Slick Red Web 2.0
Classic w/ Slideshow
Photo Gallery Theme
Theme Showcase
Pro 4 Columns
Neo Simple Green
Club Card Minimalistic
Amature Sexy Template
Feat: Headline Slider
CNN NYT like
Lollipop Woman Stuff
Papeles Effect
Simple BlueSky
Beach Holiday
Green Light
Glossy Blue
Colorful Transparent
Green Marine
Dark Portfolio blog
Fresh Summer
Valentine Day
Blogy Webby
Azul 2.0
Blogy Freshy
Blogy Illacrimo
Glossy Minimalist
Hello Wiki 2.0
Green Lush Fresh
Kaskus Black
Red Late Show
Red Wine elegant
Blogy Integral
Green Mynix
Red White 2.0
StarCrash web 2.0
Blogy Pro 2 Col.
Blogy Crepusculo
Redish web 2.0
Dark Blue skin
Simple 3 Col.
Beauty Illustration
Fresh Natural
Punk Rock Metal
White Minimalist
K2 Freshy
FireFox Theme
Binary web 2.0
Clear Menu
3 Colomns 2.0
Tabbed menu xml
Tabbed menu classic
iPhone Theme
3 Col Simple
Rounded Corners
Clear Curved Blue
Glossy Glass
Very Web 2.0
Apple Mac skin
Colourful web 2.0
Photoshop CS2 skin
Magazine white
3 Col web 2.0
Blogger Photoblog
PopBlue 3 col.
TypoXP 2.1 skin
Dark Red Glossy
Sandpress 3 col
Elegant Clear web2.0
Elegant Dark web2.0
Rounded tab skin
Fresh blue 2.0
Cute Orange (HOT)
Trendy Blue Marine
Bloggerized AdSense
Orange Yellow Sosuechtig
Blue O2 web 2.0
Premium Blogger
TypoXP2 Standard
18+ Anime Series skin
2 Best Classic skin
NeoSapien New Skin
Simple Glowing Blue Darky
Fresh Green Aura
Ocean Mist Trendy
A new day Elegant
Blue steel 3 columns
Please read our Privacy Policy
Confined space entry dvd
online casino bluebook
online casino gambling guide, to top ranked online casinos and reviews of over 200 gambling related websites. also host a casino forum, blog, and casino news articles

Free web 2.0 blogger skins
Spice up your blog by adding our small cool banner inside your blog pages. Simply copy and paste code below. It will not harm your blog, I swear.

Welcome to BlogTemplate20
a blog with free Blogger templates collection.
// Friday, February 15, 2008

Open another browser window and log in to your Blogger account. Create a new post an give a title. Write anything in the posting area and hit [Publish Post] button.

publish post

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.

get post 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.

get the code

Paste the code inside your blogger template.

paste the code

And here it's looked like at this blog.

BlogTemplate20 GCSE

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

copy the 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.

paste the code

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

preview of Google CSE on BlogTemplate20

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.


Give us feedback comments
Read 2 comment(s):
  • At April 17, 2009 at 2:50 AM, Blogger Ra‚ô™eswar said…
    Awesome Post.I was very confused how to implement google CSE.. its just clear as glass now.Thanks.. :)

  • At August 20, 2010 at 10:02 PM, Anonymous Anonymous said…
    cheap flights to turkey
    [url=]hotel wedding prices
    [/url]rout to
    lodgings airlie shore
    inexpensively california houses
    [url=]cheap vegas hotel rooms
    [/url]destination cheap
    russian hotels
    [url=]hotel rue
    [/url]budget housing
    places to freeze cheaply
    inn cheap
    [url=]parkside hotel
    [/url]v australia saving extraction
    hostelry ?toiles
    alteration in the lake section
    [url=]hotel royal palissandre
    [/url]schedule booking
    bed & breakfast finder
    shabby maui hotels
    [url=]hotel cheap rate
    [/url]sleazy bangkok hotels
    b and b hotels
    fiord airlines booking

  • Gadget 2.0

    Tracked by ClickAider