PS，淘宝自定义区超简单的模板代码制作

淘宝大学里前辈们的经验真的让我受益匪浅，现在我也要跟大家分享一下个人小小的思考成果，请多多指教喔～

做为新卖家，经常会遇到10个装修模版不够用的情况，

只要掌握了这个方法，就可以做出简单精美的模版唷～

首先当然要打开PS喔，把做好的图片（jpg格式）拖到PS里

选择切片工具，用切片工具将要用的图片切成几个部分，切好的图片就是要放链接的部分，记住要全部都要切完，要不然就会出现不必要的漏洞

这张图片，我总共分成了7个部分，有7个部分可以做链接～

接下来这一步，只要将图片存储为Web所用格式，就可以了～

打开存储后，在这里，您也可以对图片做出调整

存储的时候注意喔，可以按照片中您需要的部分来进行切片保存，在切片选项栏会有三项选择，按照这个例子来选，我选的是所有切片这一项。

来到这一步，不要慌喔，这是正常现象，选确定就可以了～

现在看到的，就是切片后保存成功的HTML 文档跟文件夹，打开这个HTML文档，里面就是一个网页，不过还没有链接呢，呵呵～

【images】这个文件夹里的图片就是切片出来的图片喔，然后把这些图片上传到淘宝图片空间或者相册

然后选中HTML 文档点击右键～在打开方式那里选择记事本，

打开记事本后，您就会发现，里面都是网页的代码，哇神奇吧，

我打开了这个记事本呢，大家可以看看喔～选中的部分就是需要的，没选中的，是不需要的～为了让大家明白，以下我也有截图呢～

 

这个是开头的部份，到箭头那行开始往下是需要的：

这个是结尾的部分，也是在箭头这一行，但不包括这行唷～

然后复制两个箭头中间的代码就可以了～

-------------------------------------------------------------------------

好了，现在到了店铺装修的部分，要留意喔：

 

以上的这个图片，就是添加自定义内容区～这个相信掌柜们都会吧，呵呵，我啰嗦了

，然后把代码复制到代码区，大家一定要选以下这个举例图片中蓝色的部分喔，哈哈，我又啰嗦了～

-----------------------------------------------------------------

 到了这一步，大家会发现原来的图片都是破图，不用紧张，我们可以把这些破图删除掉，然后插入【images】文件里的图片

插入图片方法1：

插入图片方法2：

-------------------------------------------------------------------

注意了喔，大家先来看一下已成功插入的一张图片，接近尾声了，不知道各位是否明白呢？

其它的图片如此类推，都是按照这样的方法插入，好了，现在看一下完整的效果吧，希望不会让各位失望喔～

这里的每张图片都可以做链接喔～