博客代码大全----美化你的BLOG
更换整体页面背景的源代码：
<STYLE type=text/css>
body
{background:url(博客整体页面背景图片地址) repeat
scroll!important;}
</STYLE>
更换页面题图logo图片的源代码：
<STYLE type=text/css>
.logo
{background:url(博客最上方题图logo图片地址) no
repeat no scroll!mportant;}
</STYLE>
更换页面横幅题图的源代码：
<STYLE type=text/css>
.banner
{background:url(横幅题图大图地址) no
repeat no scroll!mportant;}
</STYLE>
更换页面横幅题图下面的菜单图片的源代码：
<STYLE type=text/css>
.menu{
background:url("题图下的长条菜单图片地址") no-
repeat center;}
</STYLE>
更换页面文章标题栏上翻时的图片的源代码：
<STYLE type=text/css>
.feeds .up{
background:url("文章标题栏上翻时的图片地址") no-
repeat center;}
</STYLE>
更换页面文章标题栏下翻时的图片的源代码：
<STYLE type=text/css>
.feeds .down{
background:url("文章标题栏下翻时的图片地址") no-
repeat center;}
</STYLE>
更换页面文章结尾处评论阅读菜单栏的图片的源代码：
<STYLE type=text/css>
.feeds .function{
background:url("文章结尾处评论阅读菜单栏的图片地址") no-
repeat right;}
</STYLE>
更换页面空白面板标题栏上翻时图片的源代码：
<STYLE type=text/css>
.links .up{
background:url("空白面板标题栏上翻时图片地址");}
</STYLE>
更换页面空白面板标题栏下翻时图片的源代码：
<STYLE type=text/css>
.links .down{
background:url(空白面板标题栏下翻时的图片地址);}
</STYLE>
更换页面空白面板的背景图片的源代码：
<STYLE type=text/css>
.links .mid{
background:url(空白面板的背景图片地址);}
</STYLE>
更换页面形象照片处的背景图片的源代码：
<STYLE type=text/css>
.photo .mid{
background:url(形象照片处的背景图片地址);}
</STYLE>
更换页面自定义空白面板背景图片的源代码：
<STYLE type=text/css>
.label .mid{
background:url(自定义空白面板的背景图片地址);}
</STYLE>
更换页面日历面板的背景图片的源代码：
<STYLE type=text/css>
.calendar .mid{
background:url("日历面板的背景图片地址");}
</STYLE>
更换页面公告栏标题栏上翻时图片的源代码：
<STYLE type=text/css>
.callboard .up{
background:url("公告栏标题栏上翻时图片地址");}
</STYLE>
更换页面公告栏标题栏下翻时图片的源代码：
<STYLE type=text/css>
.callboard .down{
background:url("公告栏标题栏下翻时图片地址");}
</STYLE>
更换页面公告栏的背景图片的源代码：
<STYLE type=text/css>
.callboard .mid{
background:url("公告栏的背景图片地址");}
</STYLE>
更换页面正文背景图片的源代码：
<STYLE type=text/css>
.bodyBg{
background:url("正文背景图片地址");}
</STYLE>
更换页面正文背景图片的源代码：
<STYLE type=text/css>
.bodyBottom{
background:url("正文背景图片地址");}
</STYLE>
更换页面正文文章页数图片的源代码：
<STYLE type=text/css>
.feeds .page{
background:url("正文文章页数图片地址") no-repeat center;}
</STYLE>
更换页面留言板标题栏上翻时的图片的源代码：
<STYLE type=text/css>
.gbook .up{
background:url('留言板标题栏上翻时的图片地址') no-repeat;}
</STYLE>
更换页面留言板标题栏下翻时的图片的源代码：
<STYLE type=text/css>
.gbook .down{
background:url('留言板标题栏下翻时的图片地址') no-repeat;}
</STYLE>
添加方法：控制页面－－个人首页维护－－自定义页－－打开一个已经建好的模块－－在左下方小方框内点击勾选－－添加代码－－保存
特效代码:
文章背景
打完文章后点代码，插入到最前面
<div style='background:url(图片地址
);'>
发光字效果：
<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">输入文字 </font>
文章中加视频
<div align=left></div><embed src=视频链接地址 width=200 height=186 type=audio/mpeg loop="false" autostart="false">
文章中加FLASH
<P align=center><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src="SWF文件网址" width=480 height=360 type=application/x-shockwave-flash quality="high"></P>
博客中加入歌曲：
<EMBED src=歌曲地址 width=0 height=0 type=audio/mpeg loop="8" autostart="ture" border="0"></EMBED>
滚动公布栏
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77onmouseout="this.start()" onmouseover="this.stop()">你好！欢迎来到我的博客</MARQUEE>
在博客添加QQ
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=号码&Site=http://blog.sina.com.cn/u/1223418313&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:68298462:13 alt="点击这里给我发消息"></a>
首页加ＦＬＡＳＨ
FLASH
<EMBED style="LEFT: 10px; ; TOP: 0px" align=right src=地址 width=920 height=900 type=application/x-shockwave-flash ; quality="high" wmode="transparent">
<DIV></DIV>
挂件：
左侧代码：
<DIV style="BORDER-LEFT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; RIGHT: eval(document.body.clientWidth)-110); BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>
右侧代码：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>
记录来访者IP＼地区
<TABLE width=445 height=350><TR valign=top><img src='http://www.law999.net/whocome?from=http://blog.sina.com.cn/u/1223418313 &u=meng731&w=350&h=250&t=10&c=43&s=8&f=58.66.224.'></TD></TR></TABLE>
其中：
“width=445”是外观宽度
“height=350”是外观高度
“http://album.sina.com.cn/pic/54ff0e3f020003kb”是背景图链接（可省略）
“http://blog.sina.com.cn/u/1223418313”是我的BLOG地址
“u=wmcw”是我的网站名字（只能是英文和数字）（可省略）
“w=445”是背景图宽度（如前面没有设置背景图则可省略，否则必须有）
“h=350”是背景图高度（如前面没有设置背景图则可省略，否则必须有）
“t=10”是显示的IP数量（5-20）（可省略，默认5）
“c=43”是文字颜色（1-255）
“s=8”是文字字体大小 （可省略，默认8）
“f=58.66.224.”是我想屏蔽显示的IP（在这项填上你自己的ip，那么Ip Pryer就不会记录这个ip，也不会把它显示出来。也可以只填写ip的开头一部分，这样系统会屏蔽所有以此开头的ip。）
晒网在线聊天室交谈:
<!--晒网在线交谈的代码-->
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD><DIV></DIV><IFRAME border=0 src="http://say-on.com/webchat/preview.jsp?color=99CC00&title=%u6652%u7F51%u5728%u7EBF%u4EA4%u8C08&roomid=你的博客网址" frameBorder=0 width=172 scrolling=no height=86 allowTransparency></IFRAME>
<P style="MARGIN-TOP: 4px"><A href="http://say-on.com/webchat/?color=99CC00&title=%u6652%u7F51%u5728%u7EBF%u4EA4%u8C08&roomid=你的博客网址" target=_blank><FONT size=2>与同时访问此页的网友交谈</FONT></A></P><DIV></DIV></TD></TR></TBODY></TABLE></P><DIV></DIV>
跟随鼠标移动的flash文字特效效果代码：
<STYLE>.spanstyle{COLOR: #0066ff; FONT-FAMILY: 宋体;FONT-SIZE:9pt;FONT-WEIGHT:normal;;TOP:-50px;VISIBILITY:visible}</STYLE>
<SCRIPT><script>var message="歡迎來到哆啦A萌の小窝=^^= 鋒行天下 北京囯安 ";var x,y;var step=12;var flag=0;message=message.split("");var xpos=new Array();for (i=0;i<=message.length-1;i ){xpos[i]=-50;};var ypos=new Array();for (i=0;i<=message.length-1;i ){ypos[i]=-50;};function handlerMM(e){x=(document.layers)?e.pageX:document.body.scrollLeft event.clientX 10;y= (document.layers)?e.pageY:document.body.scrollTop event.clientY;flag=1;};function makesnake(){if(flag==1&&document.all){for(i=message.length-1;i>=1;i--){xpos[i]=xpos[i-1] step;ypos[i]=ypos[i-1];};xpos[0]=x step;ypos[0]=y;for (i=0; i<=message.length-1; i ){var thisspan=eval("span" (i) ".style");thisspan.posLeft=xpos[i];thisspan.posTop=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 Math.random() * 255 * 255 Math.random() * 255;}};else if(flag==1 && document.layers){for (i=message.length-1; i>=1; i--){xpos[i]=xpos[i-1] step;ypos[i]=ypos[i-1];};xpos[0]=x step;ypos[0]=y;for(i=0; i<message.length-1; i ){var thisspan=eval("document.span" i);thisspan.left=xpos[i];thisspan.top=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 Math.random() * 255 * 255 Math.random() * 255;}}}</SCRIPT>
<SCRIPT>for(i=0;i<=message.length-1;i ){document.write("<span i "' >");document.write(message[i]);document.write("</span>");};if(document.layers){document.captureEvents(Event.MOUSEMOVE);};document.onmousemove = handlerMM;</SCRIPT>
<SCRIPT>function pageonload(){makesnake();window.setTimeout("pageonload();", 2);}</SCRIPT>
<SCRIPT>pageonload()</SCRIPT>
博客首页透明化： 赞!!
<STYLE type=text/css>
.logo
{background:#transparent}
.banner
{background:#transparent}
.menu
{background:#transparent}
.feeds .up
{background:#transparent}
.feeds .down
{background:#transparent}
.feeds .function
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.calendar .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
.bodyBottom
{background:#transparent}
.sysW770
{background:#transparent}
.gbook .up
{background:#transparent}
.gbook .down
{background:#transparent}
.feeds .page
{background:#transparent}
.links .more
{background:#transparent}
.add
{background:#transparent}
.add .ico
{background:#transparent}
</STYLE>
