淘宝店铺店招怎么加搜索框?很多卖家想在店招上面添加一个搜索框方便买家搜索店内宝贝。那么淘宝店招怎么加搜索框?装修宅小编教大家怎么店招加搜索框。
淘宝店招上的搜索框怎么做，看一些天猫品牌店多都会有这个效果，给人感觉很是高大上，虽然我们装修后台有自带的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即可。
第二：改搜索框的尺寸及定位。
首先是搜索框的尺寸，尺寸建议不用改。
其次是搜索框的定位，这可以让搜索框想放在哪里都行。
第三：最重要的也是必须要改的，改代码中的淘宝店铺地址。
第四：搜索框的边框颜色，搜索按钮的背景颜色以及文本颜色。
第五：装修，来到装修后台，点击店招的编辑，选择自定义店招，点击源码，粘贴代码，再点击源码，保存发布即可。
淘宝店招怎么加搜索框小编就介绍完了，希望对各位有所帮助，更多关于淘宝店铺装修的内容可以在装修宅学习！
推荐阅读：淘宝新旺铺店招装修教程
