淘宝店招怎么加搜索框？

　　淘宝店铺店招怎么加搜索框?很多卖家想在店招上面添加一个搜索框方便买家搜索店内宝贝。那么淘宝店招怎么加搜索框?装修宅小编教大家怎么店招加搜索框。

　　淘宝店招上的搜索框怎么做，看一些天猫品牌店多都会有这个效果，给人感觉很是高大上，虽然我们装修后台有自带的950搜索栏模块，今天小编就为大家讲解一下店招搜索框的做法，它的做法并不难，我会将它的操作最简单化，跟着我的思路走，一定可以让自己的店招焕然一新。

　　搜索框的做法是需要代码的，废话不多说，直接上我已经做好的淘宝装修代码。

<div style="width:950px;height:120px;overflow:hidden;float:left;background:url(http://img03.taobaocdn.com/imgextra/i3/1057768896/TB2y61kcXXXXXaSXXXXXXXXXXXX_!!1057768896.gif)" >
<div style="float:left;width:190px;height:24px;display:inline;margin:50px auto auto 750px;">
<form action="http://shop100896788.taobao.com/search.htm" method="get" target="_blank">
<input type="hidden" name="orderType" value="_hotsell">
<input type="hidden" name="viewType" value="grid">
<input type="hidden" name="baobei_type" value="">
<span class="keyword">
<input name="keyword" type="text" value="" style="outline:none;display:inline;float:left;padding-left:22px;width:131px;height:22px;line-height:22px;border:1px solid #808080;border-right:0;background:#fff url(http://img04.taobaocdn.com/imgextra/i4/1692908480/T2035VXqdXXXXXXXXX-1692908480.jpg) no-repeat;">
</span>
<span class="submit">
<input type="submit" value="搜索" style="display:inline;float:left;width:36px;height:24px;line-height:24px;background:#808080;color:#ffffff;border:0;cursor:pointer;">
</span>
</form>
</div>
</div>

　　下面的讲解非常重要，我要教你们如何改代码，来适用于自己的店铺中间。小编已经将代码中需要更换的链接进行了标红，一个是店招图片链接，一个是淘宝店铺链接。

　　我把代码放在Dreamweaver里面来截图讲解

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

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

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

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

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

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

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

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

　　淘宝店招怎么加搜索框小编就介绍完了，希望对各位有所帮助，更多关于的内容可以在装修宅学习！