怎么把自己的博客变漂亮别人的博客
更换整体页面背景的源代码：
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-...全部
更换整体页面背景的源代码：
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信息设置”中的“定制我的首页”。
第八步、点击“添加模块”。
第九步、勾选刚刚建立好的面板，点击下方的“选取”。
第十步、刚刚建好的显示面板出现，点击“保存设置”。
更换模板之后,网速会变慢,等全部显示后就正常了,你多涮涮吧!
整体模板更改格式代码之十二：
下面是“白雪公主和七个小矮人”模板，原模板宽度为770，现宽度改为1003，可以说是满屏了，特点是屏幕装饰显得比较大气，如你喜欢这种模板格式，只要把代码中的图片、flash动画地址更换一下，就拥有你自己的特色模板了：
。
logo{background:#transparent}。banner{background:#transparent}
。menu{background:#transparent}。feeds 。
up{background:#transparent}
。 wn{background:#transparent}。feeds。function{background:#transparent}。
links。up{background:#transparent}。 wn{background:#transparent}。links 。mid{background:#transparent}。
photo 。mid{background:#transparent}
。label 。mid{background:#transparent}。calendar 。mid{background:#transparent}
。
callboard。up{background:#transparent}。 wn{background:#transparent}。callboard 。mid{background:#transparent}。
bodyBg{background:#transparent}
。bodyBottom{background:#transparent}。sysW770{background:#transparent}
。
gbook。up{background:#transparent}。 wn{background:#transparent}。 ge{background:#transparent}。 re{background:#transparent}。
add{background:#transparent}。add 。ico{background:#transparent}
。bodyTop{display:none;}
。 nka{display:none;}。
nktd{display:none;}。banner
{background:url(" ") no repeat no
scroll!mportant;}。banner{height:440px}
。
menu{ width:1003px; height:24px;
background:url(" ") no-repeat center; padding:0px
10px; color:#444444;}
。
feeds 。up{background:url(" ") no-repeat center; }
。 wn{background:url("")no-repeatcenter;}。feeds 。
function{background:url(" ") no-repeat right;
HEIGHT: 45px }
。links 。up{background:url(" "); }
。
wn{background:url("");}。callboard 。up{background:url(" "); }
。 wn{background:url("");}。bodyBg{background:url(" ");}
。
add 。ico{background:url(" ") no-repeat right;}
。bodyBottom
{background:url( );}。bodyBottom
{margin-left:0px;}{height:92px}
。
bodyBottom{height:120px}
body {background:url( )
repeat fixed!important;);margin:0px;
。
foot{display:none;}
。banner 。title td{font-size:36px;}
。banner 。title td{FILTER: glow(color=#000000,direction=2);} 。
banner 。title td{color:#ffff66;}
。banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
。
bodyTop{width:1003px;}
。bodyBg{width:1003px;}。bodyBottom{width:1003px;}
。feeds 。text{width:660px;}。
label{width:280px;}
。photo{width:280px;}。callboard{width:280px;}
。links{width:280px;}。calendar{width:280px;}
。
sysBr180{width:180px;}
代码说明：
background:url ：横幅（即大题图）图片地址，图片的实际宽度必须为1003以上，高度没有限制
height:440px ：横幅（即大题图）图片高度，其高度数值应和图片实际高度相一致
background:url ：横幅下HOME边框条，图片尺寸1003：24
background:url ：文章标题条图片地址，图片尺寸620：32
background:url ：文章标题条图片地址，图片尺寸620：32
background:url ：文章结尾处菜单条图片地址，图片尺寸260：45
background:url ：公告栏小标题图片地址，图片尺寸280：32
background:url ：公告栏小标题图片地址，图片尺寸280：32
background:url ：左侧小标题图片地址（不包括公告栏），图片尺寸280：32
background:url ：左侧小标题图片地址（不包括公告栏），图片尺寸280：32
。
bodyBg{background:url ：模板图片地址（主要的）
background:url ：页码下面小横条的图片地址
height:120px ：页码下面小横条的高度
body {background:url ：大背景图片地址，就是模板后面的那个大背景图
font-size:36px; ：为标题文字字体的大小数值，可自行调节
color:#ffff66; ：为标题文字的主颜色，可自行调节
src= ：flash动画代码地址
width=1003 height=440 ：flash动画的宽、高数值，应调整为和横幅图片的数值相一致
注意事项：
1，按装模板前，把原来的新浪模板调整为“灰色轨迹”或“野蛮丫头”模板，效果会更好；
2，最好把所有的flash动画、挂件之类的装饰全去掉，以免影响网速；
3，必须把图片地址复制粘贴在“ ”两个逗号中间，不要把“ ”复盖掉；没有逗号的，就复制粘贴在（）适号中间，不要把（）复盖掉，否则无效果；
4，如果发现换了模板后字体显示不清楚，这是因为与你原先用的新浪模板字体颜色不搭配的缘故，可以在做好模板后重新选择新浪模板，直到和背景相协调为至；
5，以上代码只能改变博客首页模板，如你要让每页文章背景都和首页一样的话，就要把以上所有代码，用纯文本形式保存，并上传到空间，获取URL地址，在每次发文章同时，勾选文章框下的“显示源代码”框，把获取的URL地址复制粘贴在每篇文章代码的后面就行了；
具体操作方法如下：
点击控制面板——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”（这时你会看到面板中已经有一行代码了： ）——把以上代码复制粘贴在所有代码之后——钩选显示源代码（钩号消失）——保存新增面板——定制个人首页——选取新增面板——保存设置；
。
收起
