Jump to content
Sign in to follow this  

How do I change the apperance of google custom search engine?

Recommended Posts


I have put the GCSE on my site . I use the code provided by google .

<div id="cse-search-results"></div>
	<script type="text/javascript">
	  var googleSearchIframeName = "cse-search-results";
	  var googleSearchFormName = "cse-search-box";
	  var googleSearchFrameWidth = 600;
	  var googleSearchDomain = "www.google.com";
	  var googleSearchPath = "/cse";
	<script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script>
but the iframe is too big. is there any idea to change the iframe width so the result doesn't on my sidebar? I have change the
var googleSearchFrameWidth

from 600 to 300 but it still the same so any one can help me?

Share this post

Link to post
Share on other sites

How big is your sidebar going to be? The frame width can be altered, but not inside that Google Code...

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

after I search google , I have found a way to solve that. first, change

 <input type="hidden" name="cof" value="FORID:10" />
 <input type="hidden" name="cof" value="FORID:11" />
then change
var googleSearchFrameWidth = ;

to the size you want. the minimum width is 500px.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this