今天小卓来带大家再get一项新技能，如果您之前一直关注我们的头条号的话，您今天的内容应该不会太陌生，那就是利用代码，将我们淘宝店的导航栏装修的漂亮、酷炫一点，比如下图

您可能会想，方法有很多种啊，但小卓想，现在在看这篇文章的童鞋有很多，大多数还是不会的，所以今天分享的就是用最简单易学的方法，让大家做出这种效果，如下图展示。

接下来就开始制作吧，首先需要准备一点素材，在上图中，鼠标每次移动到"HOME"位置后，就会变成“首页”，那么，这里就要准备两张图，还有店招的背景图，都准备好了，就上传到自己店铺的“图片空间”里面吧。如下图

如果您已经上传成功，那么后面的工作就简单了，其实原理就是以背景图为底，在背景图上叠加会自动变化的图片而已

接下来打开一个制作需要用到的工具“码工助手”（可以百度搜索哦），进入“在线布局”页面后

将你刚刚在图片空间上传的店招图片链接复制粘贴到下面的“背景图”位置，同时调整图片尺寸，此时你的背景图就出来了

接下来两步就OK了，第一步点击“正反面”，弹出图片后双击，就会弹出一个输入框，将你刚刚在图片空间里做好的“HOME”和“首页”两张图的链接分别复制粘贴进对应的输入框里，同时别忘记要把跳转的链接添加进来哦。

如果你按刚刚小卓说做好了，此时就会出现如下的效果了，是不是很简单，接下来从新重复上面的操作，把“ALL”和“所有宝贝”的正反面也添进去。

当您把需要的导航都添好之后，就点击右上角的“生成代码”（注意：一定要先登陆哦），然后复制代码。

将刚刚生成的代码粘贴到自己淘宝店的店招位置就算完成了

具体方法：登陆淘宝网——卖家中心——店铺装修——双击店招——自定义标题——源码——粘贴代码——高度150PX——保存。

做好上面的工作后就可以点击保存预览一下效果了，是不是和下图一样呢

是不是看着很简单呢，当然，如果实际操作，没有经验的您第一次可能会比较慢哦，不过练几次就好了，希望小卓这次分享的内容会为大家带来帮助。