The Arcive of Official vBulletin Modifications Site.

Use Google Custom Search In Navbar - Step By Step · **Released**: 05-10-2011

This mod will replace vb search in navbar with google custom search.. you can still use advance search from navbar. google search provide much better result when you try to search word under 4 letters..

1. First download google.php upload in your forum root
2. Go to your AdminCP Go to Styles & Templates -> Style Manager
select Style then click Create New Template rename Template to GOOGLE
Paste this code in google Template :

Code:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
  <head>
    <title>{vb:raw vboptions.bbtitle}</title>
    {vb:raw headinclude}
  </head>
  <body>
    
    {vb:raw header}
    
    {vb:raw navbar}
    
    <div id="pagetitle">
      <h1>{vb:raw pagetitle}</h1>
    </div>
    
    <h2 class="blockhead">Google Custom Search</h2>
    <div class="blockbody">
      <div class="blockrow">

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 800;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
      </div>
    </div>
    
    {vb:raw footer}
  </body>
</html>

3. Then Open Navigation / Breadcrumb Templates Click Collapse button click navbar Template find <div id="globalsearch" class="globalsearch"> and <ul class="navbar_advanced_search"> remove all code between this with

Code:

<form action="http://www.mobilephonetalk.com/google.php" id="cse-search-box">
    <input type="hidden" name="cx" value="partner-pub-8038994048300561:7c8fy7cujxg" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
            <span class="textboxcontainer"><span><input type="text" value="" name="q" class="textbox" /></span></span>
            <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="sa" onclick="document.getElementById('navbar_search').submit;" />  </span></span>
        </form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>

Note : Replace http://www.mobilephonetalk.com with your won website name
Replace partner-pub-8038994048300561:7c8fy7cujxg with your won adsense code...

dougdirac · #92 06-20-2014, 06:01 AM

Recently found that the results page that is generated does not use the additional.css, so certain elements of my theme were broken.

How can I make sure the additional.css is loaded with this?

ramesh_umk3 · #93 06-21-2014, 11:33 AM

Quote:

add to the header and it should load up while page loading

SWSUSA · #94 07-27-2015, 06:03 PM

I delete the events, as it negatively affects the speed of loading pages.

Удаляю этот мод, так как он отрицательно влияет на скорость загрузки страниц.

I should add that the site specified by the author mobilephonetalk contains unwanted software and locks the browser Google Chrome.

Добавлю, что сайт указанный автором mobilephonetalk содержит нежелательное ПО и блокируется браузером Google Chrome.

rcull · #95 03-12-2017, 03:19 AM

I would have liked to keep the VBForum search box as well as this, but when I have them both, one bumps the other into the lower navigation bar.
4.2.3
Any suggestions?

It probably has to do with editing the "globalsearch" class (width; 180px; ), but I sure can't figure out how to find it

Code:

<div id="navbar" class="navbar">
	<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
		{vb:raw template_hook.navtab_start}
		{vb:raw navigation}
		{vb:raw template_hook.navtab_end}
	</ul>
	<vb:if condition="$vboptions['enablesearches']">
           <div id="globalsearch" class="globalsearch">
<!-- BEGIN GOOGLE CUSTOM SEARCH -->
<form action="http://www.teambuick.com/forums/google.php" id="cse-search-box">
    <input type="hidden" name="cx" value="partner-pub-5874277334279308:1253965069" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
            <span class="textboxcontainer"><span><input type="text" value="Search Reference" name="q" class="textbox" /></span></span>
            <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="sa" onclick="document.getElementById('navbar_search').submit;" />  </span></span>
        </form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script> 
<!-- END GOOGLE CUSTOM SEARCH -->	
	<form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">
				<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="process" />
				<span class="textboxcontainer"><span><input type="text" value="Search Forums" name="query" class="textbox" tabindex="99"/></span></span>
				<span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search<vb:if condition="$stylevar['textdirection'] == 'rtl'">_rtl</vb:if>.<vb:if condition="is_browser('ie') AND !is_browser('ie', 7)">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
			</form>

MarkFL · #96 03-12-2017, 03:58 AM

Look in your "vbulletin-chrome.css" template for that class selector.

rcull · #97 03-12-2017, 04:07 PM

Thanks for your help! I found it and played with it, but it must not be what I need

In case you or someone else can point me in the right direction, I would like the two searches to line up side by side in the navbar.

I have attached an image how one search box is displacing the second one to the line below it:

Alan_SP · #98 03-12-2017, 06:29 PM

What I do is place Google code in navbar (choose your position), leaving vBulletin's search completely intact. In this way I have two search engines with Google one preferred (GCS input form is 100% wide).

rcull · #99 03-13-2017, 02:10 AM

Alan,

That sounds like what I am trying to do. I am just having difficulty figuring out how. When I place it in the navbar, it displaces the VB search as shown in the image.

I tried placing it in the navbar_tabs template, but it displaced the last tab to the lower level.

I have seen it done on other sites, but I am not figuring it out. And I have been searching all over. All I find is the same replace default search.

Thanks

final kaoss · #**100** 03-13-2017, 04:55 AM

I tend to use this. It works much better.
https://vborg.vbsupport.ru/showthread.php?t=266520

Alan_SP · #**101** 03-16-2017, 05:04 PM

Quote:

Originally Posted by rcull

Alan,

That sounds like what I am trying to do. I am just having difficulty figuring out how. When I place it in the navbar, it displaces the VB search as shown in the image.

Sorry, I wasn't completely clear what I did on my site.

I placed code in navbar template, so it isn't in navbar per se, but it is visible in every page. You can see it here: https://slobodni.net

This way I still have completely working vB search and Google Custom Search available everywhere. I didn't want to change or modify vB search. And also I wanted to "force" users to use GCS as much as it is possible.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06813 seconds Memory Usage 2,352KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (3)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (3)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

3 благодарности(ей) от:
appsfinder, daviet, KILLERMG

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!