网站内容多了.就要做站内搜索.无赖于水平有限.搜索结果老是不尽人意.现在好了google提供了自定义搜索引擎.就是可以再你自己的网站里面挂一段代码.从google庞大的索引库里面搜索内容.通常结果还很准
天下没有免费的午餐,google也不是救世主.就是在搜索显示结果的时候右边那里会显示和你的搜索主题相关的广告.哎,烦躁啊.好不容易过来一个人.却被广告给吸引走了.
要想去掉广告业可以.给钱.而且价格不菲,一般都要100-250usd.靠,抢钱啊
好在我们是聪明的.想到一个好办法.就是用div层将广告挡住.呵呵,偷笑
实施方法
首先,进入你的google账号获取搜索框代码.google总共提供了三种代码,我们现在选择使用iframe的形式.然后指定搜索结果显示的url文件.还要指定广告显示的位置.为了节约地方.只让广告显示在右边
复制在google生成2个代码.一个是搜索框.一个是结果显示的代码.
打开你的网页编辑器,新建一个html文件,保存为你刚才输入的结果显示文件的名字.将google生成的结果显示代码粘贴进去.现在我们就需要建立一个div;来遮挡右边的广告.完整代码如下
原理
google会将搜索结果用一个ifrmae返回.然后将返回值放入到那个id叫cse-search-results的div中.如果你搜索的关键字是热门关键字或者google针对这个关键字有广告.就会把广告结果显示在右边.那我们现在就创建一个div浮动层将右边的广告挡住
完整代码
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4 <title>Google提供的站内搜索</title>
5
<style type="text/css">
6
.googleAd
7
{
8 position: absolute;
9 right: 0;
10 width: 245px;
11 top: 30px;
12 height: 900px;
13 background-color: White;
14 z-index: 5;
15
}
16 #cse-search-results
17 {
18 width: 800px;
19 position: relative;
20 overflow: hidden;
21 }
22 .googleSearch
23 {
24 position: absolute;
25 z-index: 20;
26 left: 20px;
27 top: 5px;
28 }
29
</style>
30</head>
31<body>
32 <div id="cse-search-results">
33 <div class="googleSearch">
34 <form action=" http://www.cnweb114.cn/html/search.html" id="cse-search-box">
35 <div>
36 <input type="hidden" name="cx" value="011249496468999177641:3iwiqqh7gsu" />
37 <input type="hidden" name="cof" value="FORID:10" />
38 <input type="hidden" name="ie" value="UTF-8" />
39 <input type="text" name="q" size="31" />
40 <input type="submit" name="sa" value="搜索" />
41 </div>
42 </form>
43
44 <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=zh-Hans>
45
46 </div>
47 <div class="googleAd">
48 </div>
49 </div>
50
51 <script type="text/javascript">
52 var googleSearchIframeName = "cse-search-results";
53 var googleSearchFormName = "cse-search-box";
54 var googleSearchFrameWidth = 600;
55 var googleSearchDomain = "http://www.google.com/";
56 var googleSearchPath = "/cse";
57 </script>
58
59 <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js>
60
61</body>
62</html>
63
64
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html xmlns="http://www.w3.org/1999/xhtml">3
<head>4
<title>Google提供的站内搜索</title>5
<style type="text/css">
6
.googleAd7
{
8
position: absolute;9
right: 0;10
width: 245px;11
top: 30px;12
height: 900px;13
background-color: White;14
z-index: 5;15
}16
#cse-search-results17
{18
width: 800px;19
position: relative;20
overflow: hidden;21
}22
.googleSearch23
{24
position: absolute;25
z-index: 20;26
left: 20px;27
top: 5px;28
}29
</style>30
</head>31
<body>32
<div id="cse-search-results">33
<div class="googleSearch">34
<form action=" http://www.cnweb114.cn/html/search.html" id="cse-search-box">35
<div>36
<input type="hidden" name="cx" value="011249496468999177641:3iwiqqh7gsu" />37
<input type="hidden" name="cof" value="FORID:10" />38
<input type="hidden" name="ie" value="UTF-8" />39
<input type="text" name="q" size="31" />40
<input type="submit" name="sa" value="搜索" />41
</div>42
</form>43
44
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=zh-Hans>45
46
</div>47
<div class="googleAd">48
</div>49
</div>50
51
<script type="text/javascript">52
var googleSearchIframeName = "cse-search-results";53
var googleSearchFormName = "cse-search-box";54
var googleSearchFrameWidth = 600;55
var googleSearchDomain = "http://www.google.com/";56
var googleSearchPath = "/cse";57
</script>58
59
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js>60
61
</body>62
</html>63
64
