Adding Google Search to logostrip IPB 2.3.5

This is a tutorial on adding the Google AdSense custom search code to an IPB forum. I’m doing the setup on v2.3.5.

Login to “Admin CP”, in “Look & Feel” select the “Skin Set” to edit: Edit Template HTML –> All Global HTML –> global_board_header

In “global_board_header” Find:

    <div id="submenu">
<!--ipb.leftlinks.start-->

Add Before:

<div id="gcsearch">
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="partner-pub-<add your partner pub here>:9adb4f-sm9v" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;amp;amp;amp;amp;amp;amp;amp;lang=en"></script>
</div>

Don’t forget to use your own value=”partner-pub-<add your partner pub here>:9adb4f-sm9v” code here.

Next you need to add some css to place the search box in the top right of the banner:

Edit Template HTML –> All Global HTML –> global_board_header

Skin Manager –> Edit Stylesheet (CSS Advanced Mode)

Go to end of CSS style sheet and add this:

/* ------------------------------ */
/* Top Right Search Google
/* ------------------------------ */
#gcsearch
{
position: absolute;
top: 30px;
right: 20px;
background: transparent;
}

That is an easy way to add google search to logostrip in invision power board.

Tags: Invision, Invision Power Board, IP.Board, IPB v2.3, v2.3.5