淘宝推出搜索框,现在,只要在自己的网站上插入一段代码,就能在自己的网站上搜索到淘宝几百万的商品,可以说是非常之方便,现在,将教你如何插入搜索代码!!

  淘宝搜索框的型式非常多样,有下面6种格式,喜欢那一款可以根据自己的需要选择代码或修改代码,更它更符合自己网站的要求了,现面将详细介绍搜索代码的修改~~

样式一:搜索框 + 淘宝logo + 分类类目 + 热门关键词 + 搜索按钮

 

 

样式一的代码如下:只要在HTML代码中插入以下这段就能得到样式一的效果

<script type='text/javascript'>
alimama_pid='mm_14459692_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=572;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=1;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

修改解释:

alimama_tks.w_i=572;  这里就是修改搜索框的长度(总长度这里是572像素)你也可以根据你的要求修改
alimama_tks.h_i=69;  这里是修改搜索框的高度(现在的宽度是69像素)

alimama_tks.hc_c='#999999';  这里是修改热门关键词的颜色,只要修改#999999这里就行了

很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了,呵呵

 

 

 

样式二:搜索框 +   分类类目+ 热门关键词 + 搜索按钮

 

样式二的代码如下:只要在HTML代码中插入以下这段就能得到样式二的效果

样式二的代码如下:

<script type='text/javascript'>
alimama_pid='mm_14459692_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=0;
alimama_tks.w_i=572;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=1;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

修改解释:

alimama_tks.w_i=572;  这里就是修改搜索框的长度(总长度这里是572像素)你也可以根据你的要求修改
alimama_tks.h_i=69;  这里是修改搜索框的高度(现在的宽度是69像素)

alimama_tks.hc_c='#999999';  这里是修改热门关键词的颜色,只要修改#999999这里就行了

同样很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了,呵呵

 

 

样式三:单纯搜索框

 

 

样式三的代码如下:只要在HTML代码中插入以下这段就能得到样式三的效果

样式三的代码如下:

<script type='text/javascript'>
alimama_pid='mm_14459692_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=0;
alimama_tks.w_i=400;
alimama_tks.h_i=45;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=0;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

修改解释:

alimama_tks.w_i=400;  这里就是修改搜索框的长度(总长度这里是400像素)你也可以根据你的要求修改
alimama_tks.h_i=45;  这里是修改搜索框的高度(现在的宽度是45像素)

alimama_tks.hc_c='#999999';  这里是修改热门关键词的颜色,只要修改#999999这里就行了

同样很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了,呵呵

 

 

 

 

样式四:搜索框 + 淘宝logo

 

样式四的代码如下:只要在HTML代码中插入以下这段就能得到样式四的效果

<script type='text/javascript'>
alimama_pid='mm_14459692_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=500;
alimama_tks.h_i=45;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=0;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

修改解释:

alimama_tks.w_i=500;  这里就是修改搜索框的长度(总长度这里是500像素)你也可以根据你的要求修改
alimama_tks.h_i=45;  这里是修改搜索框的高度(现在的宽度是45像素)

alimama_tks.hc_c='#999999';  这里是修改热门关键词的颜色,只要修改#999999这里就行了

同样很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了,呵呵

 

 

 

 

 

 

样式五:搜索框 + 淘宝logo+插入搜索框提示

 

样式五的代码如下:只要在HTML代码中插入以下这段就能得到样式五的效果

<script type='text/javascript'>
alimama_pid='mm_14459692_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=500;
alimama_tks.h_i=45;
alimama_tks.btn_i=1;
alimama_tks.txt_s='韩版';
alimama_tks.hot_i=0;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

修改解释:

alimama_tks.w_i=500;  这里就是修改搜索框的长度(总长度这里是500像素)你也可以根据你的要求修改
alimama_tks.h_i=45;  这里是修改搜索框的高度(现在的宽度是45像素)

alimama_tks.txt_s='韩版';  这里是修改搜索框提示内容的(现在是韩版,如果你喜欢的是男装,只要将代码里的韩版改为男装就行了

alimama_tks.hc_c='#999999';  这里是修改热门关键词的颜色,只要修改#999999这里就行了

同样很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了,呵呵

 

 

 

 

样式六:搜索框 + 淘宝logo + 分类类目+ 热门关键词 + 搜索按钮+插入搜索框提示

 

样式六的代码如下:只要在HTML代码中插入以下这段就能得到样式六的效果

<script type='text/javascript'>
alimama_pid='mm_14459692_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=572;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='韩版';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#999999';
alimama_tks.c_i=1;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>

修改解释:

alimama_tks.w_i=572;  这里就是修改搜索框的长度(总长度这里是572像素)你也可以根据你的要求修改
alimama_tks.h_i=69;  这里是修改搜索框的高度(现在的宽度是69像素)

alimama_tks.txt_s='韩版';  这里是修改搜索框提示内容的(现在是韩版,如果你喜欢的是男装,只要将代码里的韩版改为男装就行了

alimama_tks.hc_c='#999999';  这里是修改热门关键词的颜色,只要修改#999999这里就行了

同样很简单吧,赶快插入以上那段代码,在你的网站上面也能搜索到淘宝的产品了,呵呵

 

好了,是不是很简单啊,只要在你的网站上面插入以下代码,就能得到淘宝的搜索了