SearchEkko

HOME ABOUT FAQ DEMO

You can install SearchEkko on your site by simply copy/pasting a short snippet of Javascript into your site's template. We suggest putting it in the main article column, rather than a sidebar, for best results.

Javascript Snippet

<div id="searchekko_armor" class="searchekko_expanded">
	<script type="text/javascript" src="http://www.searchekko.com/js/protowidget.js">
	</script>
</div>

You can paste the widget as many times as you'd like, wherever you think it would be appropriate. Change class="searchekko_expanded" to class="searchekko_collapsed" in order to insert a widget that starts collapsed.

Note: the SearchEkko widget will only display if the available width is 200px or greater. This is the width after padding and margin calculations are taken into account. See more on sidebar formatting.

CSS Modifications

You also can use CSS to modify how the widget is displayed. Just add a CSS link element to your page's head with the ID searchekko_css_modifiers.

For example, here is some CSS changing the widget's font:

#searchekko_armor * {
	font-family: times !important;
}

To see what else you can change, poke around the main widget CSS file searchekko.css.

Note: The SearchEkko widget uses !important in all its CSS declarations. This is to ensure that it displays properly across all sites. If you'd like to modify the CSS, you'll need to include !important, too.

Remember, the SearchEkko widget will only show up if you arrive at your web page from a search engine (Yahoo, Bing, or Google).