如何设计自己的博客模板
1:新浪博客具有模板定制功能除了普通的模板风格选择以外，还提供了“模板DIY”界面，您可以在数千种变化种找到属于自己的风格加以搭配。
2:如果您不希望您的首页总是一成不变，同时又希望免去亲自更换模板的麻烦，那您可以进入“模板DIY”，将您的首页风格设置成“模板随机效果”，此时您的主页每次被刷新都会呈现出不同的风格哦：）建议初学者不使用
温馨提示：您选择随机模板后，自定义的风格模板将会失效。
第一步：点击你主页右上方标题栏的“控制面板”进入
第二步：进入“控制面板”后，选择左边的“定制我的模板”或者右边的“定制Blog面板”
第三步：按照你的想法选择下一步的操作，如果你想选择固定的个性模板，那么请点击“点击此处更新模板”“随机风格”建议暂不使用，待熟练后可尝试。
第四步：选择自己喜欢的一种风格，比如选择的是“灰色轨迹”，点击进入。
第五步：十个模版都有模版风格说明，点击看说明，如果确定好的话点击“选择此模板”
第六步：你将鼠标放在哪里，哪里晃动，哪里就能更改。在弹出的小框框里，将鼠标放到上下箭头出，滚动选择自己喜欢的图片。自己可以多试试不同的风格。
第七步：首先更改背景，，点击蓝色按钮，选择好自己满意的背景之后，点一下。
第八步：界面中的其他模块你都可以自己改变
第九步：要强调得一点（可能也是很多人没有注意的一点），那就是你现在更改的均属于首页的模板，你还可以更改正文现显示的背景，当然该方法同上。
第十步：当你全都改好之后，就可以点击“保存并返回”了。
如何自己制作新浪博客模板
制作步骤是：1）成功登陆博客后，点击控制面板2）进入后可以看到左侧有一个“定制我的首页”3）点击进入左侧可以看到“添加模块”4）点击进入后，看到“自定义空白面板”5）下面有“创建新的空白面板”6）进入后输入“面板标题名”，然后，下角可以看到“显示原代码”7）选中后，将下面的源代码复制后放在它们中间：body{background:url(页面背景图片)repeatscroll!important;}logo{background:url(题图logo图片)norepeatnoscroll!mportant;}banner{background:url(题图大图)norepeatnoscroll!mportant;}menu{background:url("题图下的菜单图片")no-repeatcenter;}feedsup{background:url("正文标题栏上翻时的图片")no-repeatcenter;}feedsdown{background:url("正文标题栏下翻时的图片")no-repeatcenter;}feedsfunction{background:url("正文摘要结尾处菜单的图片")no-repeatright;}linksup{background:url("面板标题栏上翻时图片");}linksdown{background:url(面板标题栏下翻时的图片);}linksmid{background:url(面板的背景图片);}photomid{background:url(形象照片处的背景图片);}labelmid{background:url(自定义面板的背景图片);}calendarmid{background:url("日历面板背景");}callboardup{background:url("公告栏标题栏上翻时图片");}callboarddown{background:url("公告栏标题栏下翻时图片");}callboardmid{background:url("公告栏背景图片");}bodyBg{background:url("正文背景图片");}bodyBottom{background:url("正文背景图片");}gbookup{background:url('留言板标题栏上翻时的图片')no-repeat;}gbookdown{background:url('留言板标题栏下翻时的图片')no-repeat;}feedspage{background:url("正文文章页数图片")no-repeatcenter;}8）最后保存设置即可.注：1.把文字部分改成图片地址即可,但图片地址必须是网络上已经存在的，否则不能显示。2.需要哪部分就添加哪部分的代码，不需要的不用加。3.建议博友最好一个一尝试,就会知道哪个代码是模板中的哪部分了.
如何自己制作新浪博客模板
首先你要学会使用制作图片的软件，推荐使用 Photoshop 这是最常用的，它的功能很强大，此软件在网络上很好搜索下载，至于如何使用它，这就需要你系统的去学习了，在我的教学分类的后面几页有几个 Photoshop 的视频教程，大家可以参考一下，或者在网络上找一些相关的教学文章和视频来参考学习。
接下来你要弄明白新浪博客首页图片各部分的尺寸，下面我列出来一些：
横幅尺寸：
音乐旋风模板 宽：770像素 高：180像素 分辨率：72
其他风格模板 宽：770像素 高：135像素 分辨率：72
横幅下图片尺寸：
宽770像素 高28像素 分辨率72
大背景尺寸：
宽：1024 像素 高：600 像素 分辨率：72
文章标题图片尺寸：
宽550像素 高28像素 分辨率72
一侧图片标题尺寸：
宽210像素 高28像素 分辨率72
文章背景尺寸：
宽770像素 高随意 分辨率72
各部分图片尺寸太多，我就不一一列举了，最好的办法就是：你想使用什么系统模板，就先更换上，再把各部分图片存到你电脑中，然后用 Photoshop 或者鼠标右键点击图片察看属性，打开这个图片，查看尺寸大小。
--------------------------------------------------------------------------------
明白各部分图片的尺寸后，接下来就是制作图片了，建议先找一些图片素材，首先要在脑海中想象一下你想要的效果，然后使用 Photoshop 来剪切图片，制作横幅，大背景，文章和一侧模块标题背景图片等等。图片都制作好后，上传到你的博客，建议参考《无限制上传图片的方法》这篇文章来上传图片。
图片上传后，得到图片地址，然后根据《更换博客首页各部分图片代码》这篇文章代码，把得到的图片地址添加到相对应的代码地址中，建立模块，粘贴代码，就可以了。
修改文字颜色，请参考《更改博客各部分文字颜色的代码》
想隐藏某一部分，请参考《隐藏博客各部分的代码》
不会添加代码的朋友，请参考：《关于添加特效的详细介绍(图片)》
更多效果请点击我博客首页的文章分类，在特效和教学分类中寻找答案。
如果看中我某个模板，你可以分析一下模板代码，把代码中的图片地址复制-粘贴到地址栏中，看看是什么图片，然后自己制作或者修改图片，利用此模板我公布出来的代码，做成和这个模板一样的效果。
以下的视频教程希望可以帮到有需要的人。
《大师之路Photoshop CS2 教程》
FLASH8专业版实例视频教程
Flash MX 2004超速入门与实例提高视频教程
Photoshop CS基础及应用视频教程
编辑图片的软件下载：
photoshop7.0简体中文版
参考资料：http://blog.sina.com.cn/s/blog_491dbdc7010007wh.html
用DreamWeaver制作博客模板
编辑和更新模板
更改并保存模板时，Dreamweaver 可以自动更新基于该模板的所有文档。如果需要您也可以手动更新基于模板的文档。
注意：若要编辑 Contribute 站点的模板，必须使用 Dreamweaver；无法在 Contribute 中编辑模板。
当保存模板时，Dreamweaver 自动检查模板语法。在编辑模板时您可能也想检查模板语法。
打开要编辑的模板
可以直接打开一个模板文件进行编辑，或者可以打开一个基于模板的文档，然后打开附着的模板进行编辑。
当您更改模板时，Dreamweaver 将提示您更新基于该模板的文档。
注意：如果需要，在模板更改后，也可以手动更新基于模板的文档（请参见手动更新基于模板的文档）。
若要打开并编辑模板文件，请执行以下操作：
在“资源”面板（“窗口”>“资源”）中，选择面板左侧的“模板”类别。
“资源”面板列出站点可用的所有模板并显示选定模板的预览。
在可用模板列表中，执行下列操作之一：
双击您要编辑的模板名称。
选择要编辑的模板，然后单击“资源”面板底部的“编辑”按钮。
模板在“文档”窗口中打开。
根据需要修改模板的内容。
提示：若要修改模板的页面属性，请选择“修改”>“页面属性”。（基于模板奈牡到�坛懈媚0宓囊趁媸粜浴＃?
保存该模板。
Dreamweaver 提示您更新基于该模板的页面。
单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，请单击“不更新”。
Dreamweaver 显示一个记录，指示已经更新的文件。
若要打开并修改附加到当前文档的模板，请执行以下操作：
在“文档”窗口中打开基于该模板的文档。
执行下列操作之一：
选择“修改”>“模板”>“打开附加模板”。
右键单击 (Windows) 或按住 Control 键单击 (Macintosh)，然后选择“模板”>“打开附加模板”。
根据需要修改模板的内容。
提示：若要修改模板的页面属性，请选择“修改”>“页面属性”。（基于模板的文档将继承该模板的页面属性。）
保存该模板。
Dreamweaver 提示您更新基于该模板的页面。
单击“更新”更新基于修改后的模板的所有文档；如果不想更新基于修改后的模板的文档，请单击“不更新”。
Dreamweaver 显示一个记录，指示已经更新的文件。
手动更新基于模板的文档
修改模板后，Dreamweaver 会提示您更新基于该模板的文档，但您可以根据需要手动更新当前文档或整个站点。手动更新基于模板的文档与重新应用模板相同。
若要将模板更改应用于当前基于模板的文档，请执行以下操作：
在“文档”窗口中打开该文档。
选择“修改”>“模板”>“刷新当前页”。
Dreamweaver 基于所有的模板更改更新该文档。
若要更新整个站点或所有使用指定模板的文档，请执行以下操作：
选择“修改”>“模板”>“更新页面”。
即会出现“更新页面”对话框。
完成此对话框，然后单击“开始”。
有关更多信息，请参见设置“更新页面”对话框选项。
Dreamweaver 按照指示更新文件。如果选择了“显示记录”选项，Dreamweaver 将提供关于它试图更新的文件的信息，包括它们是否成功更新的信息。
单击“关闭”关闭对话框。
怎么弄自己想弄的博客模板?
2:如果您不希望您的首页总是一成不变，同时又希望免去亲自更换模板的麻烦，那您可以进入“模板DIY”，将您的首页风格设置成“模板随机效果”，此时您的主页每次被刷新都会呈现出不同的风格哦：）建议初学者不使用第一步：点击你主页右上方标题栏的“博客管理”进入第二步：进入“管理博客”后，选择左边的“定制我的模板”或者右边的“定制Blog面板”第四步：选择自己喜欢的一种风格，比如选择的是“灰色轨迹”，点击进入。第五步：十个模版都有模版风格说明，点击看说明，如果确定好的话点击“选择此模板”第六步：你将鼠标放在哪里，哪里晃动，哪里就能更改。在弹出的小框框里，将鼠标放到上下箭头出，滚动选择自己喜欢的图片。自己可以多试试不同的风格。第七步：首先更改背景，，点击蓝色按钮，选择好自己满意的背景之后，点一下。第八步：界面中的其他模块你都可以自己改变第九步：要强调得一点（可能也是很多人没有注意的一点），那就是你现在更改的均属于首页的模板，你还可以更改正文现显示的背景，当然该方法同上。第十步：当你全都改好之后，就可以点击“保存并返回”了。
