怎么在淘宝上面的店招加上轮播和搜索框？

第一：改店招图片，把自己做的950*120的店招图片上传到图片空间，复制图片链接，把代码中的代码替换。

那有人会有疑问，如果我的店招做的950*150的呢，方法一样，先上传图片空间，再替换代码，不过还要加一步，把代码的120高度改为150即可。

第二：改搜索框的尺寸及定位。

首先是搜索框的尺寸，尺寸建议不用改。

其次是搜索框的定位，这可以让搜索框想放在哪里都行。

第三：最重要的也是必须要改的，改代码中的淘宝店铺地址。

第四：搜索框的边框颜色，搜索按钮的背景颜色以及文本颜色。

第五：装修，来到装修后台，点击店招的编辑，选择自定义店招，点击源码，粘贴代码，再点击源码，保存发布即可。

轮播：

1

首先我们进入淘宝专业版店铺的装修页面，看到以下界面（图1）

这里需要注意一点的是：做全屏海报还是全屏轮播图都一样，不是添加图片轮播模板而是添加一个自定义模板。因为图片轮播模板最大宽度为950px，添加自定义模板后发现也是950px的宽度？不用担心，且看第二步！

2

第二步也是最为关键的一步：不用担心，不会代码也绝壁会制作成全屏的海报，轮播图的。接下来我们进入到源代码编辑界面：这里就会用到以下代码了，代码具体内容不做解释了：正年轻时装工厂是这次经验的案例，可以去看看

<div style="height:600pxmargin-top:0pxmargin-bottom:0pxmargin-left:0pxmargin-right:0px">

<div class="footer-more-trigger" style="left:50%top:autoborder:nonepadding:0">

<div class="footer-more-trigger" style="left:-960pxtop:autoborder:nonepadding:0">

<a href="//loverylove.taobao.com/search.htm?spm=0.0.0.0.nZKKrd&ampsearch=y&ampscene=taobao_shop" target="_blank" style="width:1920pxheight:600pxdisplay:block"><img src="//gdp.alicdn.com/imgextra/i1/843095022/TB2NLyJepXXXXcCXpXXXXXXXXXX_!!843095022.jpg" style="border:none" /></a>

</div>

</div>

</div>

然后将这段代码复制到您的自定义模板里面。

3

注意了：最关键的来了！目前淘宝捏已经不允许用其他网站的图片了，图片捏事先准备好上传到淘宝的图片空间里面。全屏的是款1920px，高度根据个人喜好自定义设置。我这里设置的为600px；

代码复制上去之后保存，预览一下看。

1、新建一个asp页面，保存为“sousuojieguo.asp”。

2、打开之前制作过的"jiluji.asp“。

3、把鼠标指针放在表格的最左边，按回车键，把鼠标指针往上移，然后点击菜单栏的：插入-->表单-->表单，插入一个表单。

4、在表单里边输入”搜索：“，然后点击菜单栏：插入-->表单-->文本域，插入一个文本框。

5、鼠标点击刚刚插入的文本框，然后在下方把id改成"sousuo"。

6、然后把鼠标放到文本框的后边，插入一个按钮，并把按钮上的显示文字改成"搜索“，切换到刚刚新建的”sousuojiesuo.asp“页面，打开”绑定“面板，点击”+“，选择”记录集（查询）“。

7、在d出的界面如图所示设置：筛选设置成：xingming-包含-表单变量-sousuo。

8、把鼠标放到搜索结果页面上输入“搜索结果：“，然后回车，在点击菜单栏：插入-->表格。插入一个2行4列的表格。

9、 然后在表格第一行一次输入如图所示文字。

10、然后把绑定面板中刚刚新建的记录集依次拖入表格第二行对应的位置。

11、把鼠标指针放到第二行的任意位置，然后点击界面下方的<tr>标签，选中第二行。

12、打开”服务器行为“面板，点击”+“，选择”重复区域“。

13、在d出的界面中选择”所有记录“，然后点击”确定“。

14、切换到”jiluji.asp",把鼠标指针放到搜索框所在表单中，点击界面下方的<form#form1>，选中整个表单。

15、在属性面板中点击动作方框右边的“文件夹”按钮，在d出的界面中选择”sousuojieguo.asp“。选择完成后，下方的方法选择"post"。

16、保存所有文件，然后按F12就可以在浏览器中浏览效果了。

　当我们制作的网站内容越来越多的时候，我们就有必要为浏览者建立一个站内搜索引擎。具体制作方法如下。

打开需要加入搜索引擎的网页代码，在＜body＞标签范围内输入如下代码：

＜script type="text/javascript"＞

var domainroot="mysite.com"//个人站点域名，替换成你的网站的网址即可

function Gsitesearch(curobj){

curobj.q.value="site:"+domainroot+" "+curobj.qfront.value

}

＜/script＞

＜form action="http://www.Google.com/search" method="get" onSubmit="Gsitesearch(this)"＞

＜p＞站内搜索:＜br /＞

＜input name="q" type="hidden" /＞

＜input name="qfront" type="text" style="width: 180px" /＞ ＜input type="submit" value="开始搜索"＞

＜/p＞

＜/form＞

在这些命令中，关键是Gsitesearch函数。它的语句是：

curobj.q.value="site:"+domainroot+" "+curobj.qfront.value

，其中的含义为：将“site:”字符串＋变量domainroot、空格、访客填写的关键字依此合并。这样就会使搜索格式更规范化。

不妨试试看，你的网站中也可以添加一个站内搜索引擎了！

---