首先用图片设计软件（如:Photoshop ）设计好模板的风格，并根据模板不同区域的尺寸，将图片裁切成所需要的素材。
一般最多需要裁切出14张不同尺寸或图案的素材图片（有些素材图片也可以互相代用），注意各个素材图片在模板制作中相应的尺寸规范要求。
图片素材尺寸可参考：
1、顶区图片素材宽度为1004px，推荐高度260px；
2、导航条图片素材宽度不超过1004px，高度在32——100px范围内；
3、底区图片素材宽度为1004px，推荐高度200px；
4、中区侧向区（2、1区域）图片素材推荐宽度10px，高度200px；
5、模块侧向区（1、3、4、6、7、9区域）图片素材推荐宽度5px，高度100px。模块2区图片素材推荐宽度100px，推荐高度25px。模块8区图片素材推荐宽度100px，推荐高度20px。
说明：以上图片素材的裁切尺寸，并不一定是模板的实际采用尺寸，制作时，应根据模板风格对宽度和高度灵活调整，如设置成不平铺或水平平铺、垂直平铺、水平+垂直平铺等。
二、制作顶图和博客标题
1、选择背景图片前，将不需要的背景颜色去除掉；
2 、将顶区背景图片的高度调整到图片素材的尺寸（260px），可设置成不平铺；
3、点击背景图片的“选图”按钮，选择顶区图片素材；
4、顶区文字（博客标题）可按个人喜好选择其字体、大小、颜色、位置等。如果是事先已设计好标题文字的顶区图片素材，则可将原有的标题文字隐蔽掉（调整左右、上下位置）。
三、制作导航条
1、选择背景图片前，将不需要的背景颜色去除掉；
2、点击背景图片的“选图”按钮，选择导航条图片素材；
3、将导航条背景图片的高度调整到图片素材的尺寸（如32——100px），可设置成不平铺；
4、导航标题文字按个人喜好选择大小、粗细和颜色，文字的水平位置及宽度可调整；
5、当前项、鼠标划过项的背景图片，按个人喜好进行选择，但图片的大小应与导航条相适应；
6、当前项、鼠标划过项的的文字，按个人喜好选择其大小、粗细及颜色。
四、制作中区（下面以3列结构模板为例）
1、选择背景图片前，将不需要的背景颜色去除掉；
2、中区的2区域、1区域是模板的左右侧边框。制作时，依次点击中区的2区域、1区域背景图片的“选图”按钮，选择中区侧向区（2、1区域）图片素材。因图片素材宽度为10px，故设置时应作相应调整。图片素材高度只有200px，故应设置成垂直平铺；
3、中区3的图片是模板的底面背景，按个人喜好选择一张图片，即点击背景图片的“选图”按钮选择图片，并设置成水平+垂直平铺，背景图片左右两侧缩进宽度均调整为5px或10px。
总之，灵活应用中区的不同布局和区域，可以制作更多的效果。
五、制作底区
1、选择背景图片前，将不需要的背景颜色去除掉；
2、将底区背景图片的高度调整到图片素材的尺寸（如200px）可设置成不平铺；
3、点击背景图片的“选图”按钮，选择底区图片素材；
4、底区文字按个人喜好选择颜色及上下位置。
六、制作模块
1、选择背景图片前，将不需要的背景颜色去除掉；
2、模块的侧向区是每个模块的左右侧边框。制作时，依次点击模块侧向区（1、3、4、6、7、9区域）背景图片的“选图”按钮，选择模块侧向区图片素材。因图片素材宽度为5px，故设置时应分别作相应调整。其中4、6区域图片素材高度只有100px，故应设置成垂直平铺。
注意：模块1、3区的高度调整应与模块2区图片素材高度25px相适应，模块7、9区的高度调整应与模块8区图片素材高度20px相适应；
3、模块2区是每个模块的上边框，也是模块的标题栏。制作时，点击背景图片的“选图”按钮，选择模块2区图片素材。图片素材高度为25px，故设置时应作相应调整（与模块1、3区的高度调整相对应）。图片素材宽度为100px，可设置成水平平铺；
4、模块8区是每个模块的下边框。制作时，点击背景图片的“选图”按钮，选择模块8区图片素材。图片素材高度为20px，故设置时应作相应调整，（与模块7、9区的高度调整相对应）。图片素材宽度为100px，可设置成水平平铺；
5、模块5区的图片是模块的底面背景，按个人喜好选择一张图片，即点击背景图片的“选图”按钮选择图片，并设置成水平+垂直平铺；
6、模块的各类文字可按个人喜好选择颜色或位置；
7、模块边框的粗细、类型及颜色可按个人喜好进行设置。
七、制作浏览器背景
1、选择背景图片前，将不需要的背景颜色去除掉；
2、浏览器背景图按个人喜好选择一张图片，即点击背景图片的“选图”按钮选择图片，并设置成水平+垂直平铺。另外，可根据自己的需要勾选“固定背景”。
分辨率大于1024*768的显示器可看到页面两侧浏览器背景。
八、其他
1、模板按钮的背景、边框及文字的颜色，可根据自己的需要选择；
2、分隔线、当前项及风格信息，均可按个人喜好进行设置。
评论