先看看以下的一段代码：

<DIV align=left><IMG src="*.jpg" align=left></DIV>
<STYLE type=text/css>
body
{background:url(*.jpg) repeat scroll!important;}
.logo
{background:*.gif) no repeat no scroll!mportant;}
.banner
{background:url(*.jpg) no repeat no scroll!mportant;}
.title {background:#transparent !important;}
.title {border-top:0px !important;}
.title {border-bottom:0px !important;}
.title {border-left:0px !important;}
.title {border-right:0px !important;}
.link {background:"transparent" !important;}
.link {border-top:0px !important;}
.link {border-bottom:0px !important;}
.link {border-left:0px !important;}
.link {border-right:0px !important;}
.sysBr180 {color:#97694F !important;}
</STYLE>

这段代码可以消除掉新浪博客默认标题周围的文字框，使我们的标题更加的简洁和漂亮。

完成了这步还不算完，更重要的是我们要重新定义标题的文字样式，默认的就只是一个简单的黑色宋体字，这和我们漂亮的网页可配不上套，OK，让我们再看看以下的代码：

<CENTER>
<DIV style="LEFT: 116px; WIDTH: 100px; POSITION: absolute; TOP: 55px; HEIGHT: 200px" align=right>
<TABLE class=bodyBg cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD class=banner>
<TABLE class=title style="WIDTH: 300px; HEIGHT: 0px" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<P align=center><B>要设置的文字</B></FONT> </P></TD></TR></TBODY></TABLE>
<TABLE class=link cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=20>　</TD>
<TD><A style="COLOR: #97694f; TEXT-DECORATION: none" href="你的blog网址">你的blog网址</A>　﹥<A style="COLOR: #97694f; TEXT-DECORATION: none" href="javascript:;" &#111;nclick="setCopy&#13;&#10;('blog网址');new dialog().event('　　已经把该BLOG网址复制到系统剪贴板，您可以使用（Ctrl+V或&#13;&#10;鼠标右键）粘贴功能，通过其他软件记录或发送给您的朋友。','void 0')">复制</A>　﹥<A style="COLOR: #97694f; TEXT-DECORATION: none" href="javascript:;" &#111;nclick="setHome()"> 收藏本页</A></TD>
<TD width=20>　</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></CENTER>

步骤和以前的一样，先新建一个“自定义空白面板”，再编辑的时候钩选左下角的“显示源代码”，再粘贴以上的代码。最后在“定制你的主页”里选取新建的这个面板即可。

橙色是你自己的blog名字，请自行替换。

蓝色部分是我们修改的文字的样式，有很多种样式可选.红色部分是你自己的blog的网址，也请自行替换。

保存以后刷新看看，标题变得很漂亮了是吧？

注意：【style="LEFT: 116px】中的left部分对题图偏移有一定的影响，可根据适当情况对数值进行调整。

<STYLE type=text/css>
.banner .title{
 margin-left:300px;
 margin-top:60px;
 font-weight:bold;
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 290px
}
</STYLE>

.banner .title 修改的是标题的位置，left和top分别指的是标题距页面左边和顶部的距离，可自行调节

.banner .link 指的是下面的“复制<收藏”处的位置，调节方法同上

   博客代码尽在  http://www.bkdm.cn/

非主流图片制作软件  加入博客展示免费推广你的博客  博客代码论坛