Previously I've explained how to make a Google custom-search engine for your blog, This is specially useful for AdSense publihsers, because it lets them have got a role of the revenue from the advertising displayed inside Google search results.
In June 2011, Google's Custom Search team announced roughly new options for displaying search results. Overall these are a mensuration forward, but they do include removing the "iframe" option which, until now, has been the solitary means that Blogger users who implemented a custom-search could display the search-results inside their blog.
As a result, Blogger users who used the CSE i-frame display option need to upgrade to i of the novel displays. This laissez passer on notice open fire travel done like a shot - it's non clear how much longer the iframe-based code testament motility for.
Also, Blogger users who don't currently have got a custom-search inwards their weblog but wish to install one have got roughly novel options to select from, as described inwards the New CSE Display Options.
What's happened for existing Custom Search Engines
If you lot lot already have a Custom Search Engine (CSE), you lot lot acquire yesteryear it yesteryear times logging inwards to the CSE ascendence panel. If you lot lot have got been using the iframe pick together with you lot lot motility to the look-and-feel tab now, inwards that location is a novel message like this: It says:
Deprecation warning: The Iframe pick is deprecated. We recommend the "Two page" or "Results only" layouts inwards the Search chemic ingredient as the novel options. Please refer to our developer guide for a destination listing of layout options."Depreciated" is web-developer account for "we don't like this, together with i twenty-four lx minutes stream we testament stop supporting it together with wll do roughly novel feature that makes it break". In short, "we don't apprecaite this any more".
In short, the novel message is saying that the iframe pick testament motility for now, but you lot lot testament demand to alter to work something else sooner or later.
New CSE results display options
Instead of the iframe option, Blogger users demand to select i of the options that are based on Google web-elements. Choose Search-element under Hosting Options together with you lot lot testament be shown the novel display options, which are:- Full-width - The search box together with search results have got upwardly the whole width of the place(post, page or gadget) where you lot lot pose the Search element.
- Compact - Like the full-width option, this takes upwardly the the entire width of the page or column, but the results subdivision shows fewer results, hence it takes upwardly less vertical space. Google tell that "this pick is optimized for mobile devices, hence it establish proficient on Android, iPhone, or Palm webOS devices."
- Two Column - The search box together with the search results subdivision are inwards places inwards your webpage, together with to leave the search results section, a user must click on the X icon side yesteryear side to the search box.
- Two Page - The search box together with the search results are placed inwards 2 unlike places (posts, pages or gadgets). In this option, the search results subdivision as good has search box, hence visitors laissez passer on notice open fire submit further queries straight inwards the search results page.
- Results Only - Search results are shown inwards the menage (post or gadget) where you lot lot pose them - but Google CSE doesn't laissez passer on you lot lot a search box, you lot lot demand to construct your own.
- Google-Hosted - CSE gives you lot lot the code for a search-box, together with you lot lot pose this into a post or gadget. But together with hence mortal clicks search, they are taken to a Google-hosted webpage outside fo your blog, which laissez passer on notice open fire travel opened either inwards the same window or inwards a novel window.
How to install these into blogger
Follow these steps to select i of the novel display options, for either a novel or existing Google Custom Search Element that is used inwards Blogger:1) From the Custom-Search-Elements, select Control Panel, together with in addition to hence select Look together with Feel.
3) Scroll to the bottom of the page, together with click Save together with Get Code
4) Install the code into your blog inwards the means specified yesteryear times the pick you lot lot chose: roughly options have got code for menage where you lot lot wish the search box together with where you lot lot wish the resutls, piece others solitary have got code for i of these.
How proficient do each of the options motility alongside Blogger
Full-width together with Compact
These options both display their results proficient inside blogger. However the search-box is only shown on the same page as the results, so either
- You demand to put the search-element into a gadget that is visible the whole time, or
- Searching your site becomes a 2 click physical care for (on click to acquire to the search box, i to run the search), which testament confuse roughly users.
But the search results await practiced - although the ads at the plow over blend rattling strongly into the results.
Two-column
This pick does non currently appear to motility alongside Blogger (at to the lowest marking non when I tested it under Firefox iv / MS Windows XP)Two-page
Inside Blogger, this appears rattling like to the means that the iframe-results display worked: to install the code, you lot lot demand to tell what page or post the results testament appear on, together with in addition to hence you lot lot are given specific code to pose into each of:- The menage (gadget or page or post) where the search-box goes. and
- The menage (gadget, post or page) where the results go.
Results only
Again, inside Blogger, the results-only option is very similar to the Two-page option, with some primal differences:- There is no search-query bar at the plow over of the menage (post, page, gadet) where the results are displayed, and
- You demand to construct your own search inquiry shape together with to telephone ring the search from it.
NB Having to construct your ain search-query may seem difficult, but inwards that location is a rattling uncomplicated means to do this, yesteryear times using CSE itself to create the search-box code for you:
- Choose the two-page option
- Enter the URL of the post or page where you lot lot wish the results to appear
- Click Save together with acquire code
- Copy the code that you lot lot are told to install into where you'd like the search box to appear.
- Paste that code into the appropriate gadget, post or page
- Go back to the Look together with Feel tab inwards CSE
- Choose the results-only option
- Click Save together with acquire code
- Copy the code that you lot lot are told to install into where you'd like the results to appear.
- Paste that code into the gadget, post or page where you lot lot wish to pose the search results
Google-hosted
I have got non investigated this option, because I wish to have got the search-results right inside my blog.Related Articles
Putting a Google Search Engine into your blogSetting upwardly AdSense for your Blog
Blogger-Helpers-Search-Tool - a customised search of high-quality sites
Installing HTML into your blog