你好！
如何设计个人主页模板的源代码：
1，蓝色河畔：
body
{background:url( repeat scroll!important;}
。banner{background:url( no
repeat no scroll!mportant;}
2，梦幻天空：
body
{background:url( repeat scroll!important;}
。
banner{background:url( no
repeat no scroll!mportant;}。logo{background:url( no
repeat no scroll!mportant;}
3。自定义模块
２、
。
banner
{background:url(图片网址) no repeat no scroll!mportant;}
代码说明：
1，将url后面括号中的地址换成自己想要的图片地址，为了和新浪链接同步，最好是把自己需要的图片先上传到自己的BLOG里再获取图片地址；
2，关于主页模板的图片尺寸如下：
logo（最上面写SINA BLOG那一白色小条）：770*40 ； banner（横幅大图）：770*135 ；
menu（个人首页/搜索/帮助/退出的菜单）：770*30 ；
可以先裁出770*205的一整张图片再逐步剪裁，这样更美观协调；长度大于770没有关系，系统会自动调整；长度小于770会有连续排的效果，比如上传长度为250的图片，将横排三次这张图，还多出一条长20的像素图；
3，body部分最好不要用一整张壁纸，因为一张壁纸长度只和屏幕一样，当下拉页面时，多数会出现连续横排效果，就像被分割成一块一块的一样；即使壁纸花色完全一致，也会由于图片太大占很大的内存空间，BLOG打开速度会明显变慢，所以最好的方法是去下载网站上的背景素材，只要有方块大小的图片就可铺满整个页面了；
具体操作方法如下：
点击管理博客——个人首页维护——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”【这时你会看到面板中已经有一行代码了： 】——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码（钩号消失）——保存新增面板——定制个人首页——选取新增面板——保存设置；
谢谢您的提问，祝您一切顺利！
欢迎光临我的博客
。
具体操作步骤是：
点击管理博客——个人首页维护——自定义空白面板——新增——钩选“显示源代码”前的小方框（出现钩号，同时文档里出现DIV的字样）——复制粘贴上面代码——再次钩选“显示源代码”前的小方框（钩号消失）——保存——返回自定义设置——定制我的首页——添加模块——勾选新增面板——保存设置就行了
举例说明：
更换整体页面背景的源代码：
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
更换页面题图logo图片的源代码：
。
logo
{background:url(博客最上方题图logo图片) no
repeat no scroll!mportant;}
更换页面横幅题图的源代码：
。banner
{background:url(横幅题图大图) no
repeat no scroll!mportant;}
更换页面横幅题图下面的菜单图片的源代码：
。
menu{
background:url("题图下的长条菜单图片") no-
repeat center;}
更换页面文章标题栏上翻时的图片的源代码：
。feeds 。up{
background:url("文章标题栏上翻时的图片") no-
repeat center;}
更换页面文章标题栏下翻时的图片的源代码：
。
wn{background:url("文章标题栏下翻时的图片") no-
repeat center;}
更换页面文章结尾处评论阅读菜单栏的图片的源代码：
。feeds 。function{
background:url("文章结尾处评论阅读菜单栏的图片") no-
repeat right;}
更换页面空白面板标题栏上翻时图片的源代码：
。
links 。up{
background:url("空白面板标题栏上翻时图片");}
更换页面空白面板标题栏下翻时图片的源代码：
。 wn{background:url(空白面板标题栏下翻时的图片);}
更换页面空白面板的背景图片的源代码：
。
links 。mid{
background:url(空白面板的背景图片);}
更换页面形象照片处的背景图片的源代码：
。photo 。mid{
background:url(形象照片处的背景图片);}
更换页面自定义空白面板背景图片的源代码：
。
label 。mid{
background:url(自定义空白面板的背景图片);}
更换页面日历面板的背景图片的源代码：
。calendar 。mid{
background:url("日历面板的背景图片");}
更换页面公告栏标题栏上翻时图片的源代码：
。
callboard 。up{
background:url("公告栏标题栏上翻时图片");}
更换页面公告栏标题栏下翻时图片的源代码：
。 wn{background:url("公告栏标题栏下翻时图片");}
更换页面公告栏的背景图片的源代码：
。
callboard 。mid{
background:url("公告栏的背景图片");}
更换页面正文背景图片的源代码：
。bodyBg{
background:url("正文背景图片");}
更换页面正文背景图片的源代码：
。
bodyBottom{
background:url("正文背景图片");}
更换页面正文文章页数图片的源代码：
。 ge{background:url("正文文章页数图片") no-repeat center;}
更换页面留言板标题栏上翻时的图片的源代码：
。
gbook 。up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
更换页面留言板标题栏下翻时的图片的源代码：
。 wn{background:url('留言板标题栏下翻时的图片') no-repeat;}
添加步骤：
第一步、登录新浪博客，输入“登录名”“密码”和“验证码”后点击“登录”。
第二步、点击进入主页上方的“控制面板”。
第三步、进入“个人首页维护”。
第四步、进入“自定义空白模板”。
第五步、点击“新增”新增一个空白面板。
第六步、在“面板标题”写好面板的名称，勾选面板下方的“显示源代码”勾选框，此处注意一定要勾选，否则将不能成功。
将以下代码贴入文本框中，点击“保存”。
第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。
第八步、点击“添加模块”。
第九步、勾选刚刚建立好的面板，点击下方的“选取”。
第十步、刚刚建好的显示面板出现，点击“保存设置”。
。
