Custom-search-engine adds an "overlay" results layout

<b>This quick-tip is about a new overlay results format which Google Custom Search Engines have just introduced - and which looks like it will be their new standard. </b><br /><br /><a name="more"></a><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSu4w5ZqTULKYexayGIAnLWjrv_ETziQcW0ZrFoVbuH03sumWoZhVE4XDdsp3BNhjCSz643Tnqf4Rf_2xwdVCG_bMo7HUJ-K7jY8Il1ykUdeO7xM9hTsrrMYKzJHtKkERvYIg8QGAl63-D/s217/quick-tips-blogger-hints-and-tips.png.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /><img alt="quick-tips logo" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSu4w5ZqTULKYexayGIAnLWjrv_ETziQcW0ZrFoVbuH03sumWoZhVE4XDdsp3BNhjCSz643Tnqf4Rf_2xwdVCG_bMo7HUJ-K7jY8Il1ykUdeO7xM9hTsrrMYKzJHtKkERvYIg8QGAl63-D/s217/quick-tips-blogger-hints-and-tips.png.png" title="Quick tips for Blogger Users - especially about how Blogger works with other popular tools" width="200" /></a></div>Custom Search Engines have <a href="http://googlecustomsearch.blogspot.ie/2013/01/a-simple-yet-powerful-custom-search.html" target="_blank">announced a new layout</a> - which appears to have become their new standard option.<br /><br />Search-engine creation is much the same as it was, but at the end you only get one piece of code to install, and it can just go in the place where you want it (no more messing with editing the <header> in your template).<br /><br />The search results page is shown as an overlay on top of your regular page.  As always with custom-search-engines, there are ads-by-Google at the top of the page, and if <a href="http://blogger-hints-and-tips.blogspot.ie/2010/02/setting-up-adsense-on-your-blog.html">you have already become an AdSense publisher</a> you can <a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-custom-search-engine-in-your.html">use your custom-search-engine to share the revenue</a>.<br /><br />The big question is - will this new layout approach work in Blogger?    If I was writing an article, I'd test it out somewhere else first, and have some advice about the options, likely problems etc.   But since this is only a <a href="http://blogger-hints-and-tips.blogspot.com/2012/09/introducing-quick-hint-and-tips-for-blogger.html">quick-tip</a>, this post is my research!   Below, you should see a search-engine, which is set up to search inside <a href="http://www.blogger-hints-and-tips.blogspot..com/">Blogger-HAT</a>.   Search for something in it, and you will hopefully see how the overlay search results work.    (If not, I'll come back and change this post as soon as I know more about the problem and how to solve it.)<br /><br /><h2>See an example of custom-search-engine overlay results format</h2>Try it out here:<br /><br /><br /><script> (function() { var cx = '014071459394870899701:r0gcrqq5_s4'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script><br /><gcse:search></gcse:search><br /><br /><br /><br /><h2>Is this layout better?</h2><br />If the layout works, my next decision is whether I should switch the overall <a href="http://blogger-hints-and-tips.blogspot.ie/p/blogger-helpers-search-tool.html">Blogger-Helper-Search tool</a> over to use it.<br /><br /> What do you think?   Like the overlay search results approach, or hate it?

Custom-search-engine adds an "overlay" results layout

This quick-tip is about a new overlay results format which Google Custom Search Engines have just introduced - and which looks like it will ...

Read more »