博客美化技巧




● 添加音乐类 ● 添加图片 ● 文字设置 ● 添加时钟链接 ● 更改鼠标样式 ● 取消手拉手 ● 备份文章 ● 去除头部banner ● 去除头部banner左侧的文字 ● 去除作者信息 ● 去除底部banner ● 轻松实现博客介绍开头空两格的方法 ● 将图片作为文章栏目的背景 ● 将图片作为博客介绍的背景 ● 改变主页上功能模块标题文字颜色 ● 改变文章栏目（目录）的文字颜色 ● 改变博客介绍的文字颜色 ● 查看高手的BLOG网站的CSS代码 ● 更改滚动条的颜色 ● 各种漂亮的鼠标URL代码 ● 后台撰写、编辑文章必看操作技巧 ● 如何查看BLOG网站的CSS代码	● 修改主体的背景色 ● 随机音乐代码 ● 添加评论滚动条 ● 添加留言滚动条 ● 添加友情blog滚动 ● 添加天气预报 ● 邮箱快速登陆 ● 获取相关新闻 ● 在博客摘要设置字体 ● 在首页头部加上自己banner的方法 ● 如何加入透明Flash背景 ● 添加搜索引擎代码 ● 图片链接移动代码 ● 细线表格制做 ● 显IP地址免费代码 ● 免费手机地理位置查询代码 ● 免费IP地址位置查询代码 ● 下拉列表链接代码 ● CSS的十八般技巧 ● aheshake博客首页分栏CSS代码说明 ● 现在流行CSS栏目式布局（全程图解） ● 经典CCS分析与介绍

添加音乐类：	博客-村长、邻居等
载入音乐基本语法： <EMBED SRC="音乐文件地址"> 常用属性如下： SRC="FILENAME" 设定音乐文件的路径 AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。 STARTIME="分:秒" 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20 VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。 WIDTH HEIGHT 设定控制面板的大小 HIDDEN=TRUE 隐藏控制面板 CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子例一： <EMBED SRC="midi.mid" autostart=true hidden=true loop=true> 作为背景音乐来播放，隐藏了播放器。例二： <EMBED SRC="midi.mid" loop=true width=145 height=60> 　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。注明：mp3 rm ra ram asf mid等音乐都用这个播放器　IE中的的背景音乐　代码如下：　<bgsound src="音乐文件地址" loop=#> 　#=循环数　注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。　一般格试如下：　播放器3 　<embed width="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址"> 　大播放器不直接放 <EMBED src=歌曲链接地址 volume="100" width=250 height=20 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED> 　播放器直接放　<embed width="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址"> 　仿真播放器rm 　<embed src="歌曲链接地址" width="280，80%" height="60，80%" autostart="true"><embed> 　视频点击播放　<object id=videowindow1 width=480 height=330 class> <param name=URL value=歌曲链接地址> <param name=AUTOSTART value=0></object> 　说明：一般用来插入mp3 rm ra ram asf mid等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。
返回

添加图片	博客-村长等
插入背景图片　<TABLE align=center background="背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD> 　内容，文字或图片..... 　</TD></TR></TBODY></TABLE> 　<TABLE> 的参数设定（常用）：　<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2"> 　注解： width="400" 　表格宽度，接受绝对值（如 80）及相对值（如 80%）。　border="1" 　表格边框的厚度，不同浏览器有不同的内定值，故请指明。　cellspacing="2" 　表格格线的厚度　align="CENTER" 　表格的摆放位置（水平），可选值为： left, right, center 　valign="TOP". 　表格里内容的对齐方式（垂直），可选值为： top, middle, bottom。　background="myweb.gif" 　表格的背景图片，与 bgcolor 不要同用。　bgcolor="#0000FF" 　表格的底色，与 background 不要同用　bordercolor="#CF0000" 　表格边框颜色　bordercolorlight="#00FF00" 　表格边框向光部分的颜色　bordercolordark="#00FFFF" 　表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。　cols="2" 　表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。
返回

文字设置	博客-村长、邻居等
一、文字基本设制　基本代码如下：　<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P> 　align=center　表示字体居中，可选值为居右（right）居左（left）　color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看　face=字体　常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等　size=字体大小，这里的最大值为7　取值越大文字就越大　二、大字体文字　代码：　<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font> 　font:40pt　数值越大文字就越大。　三、移动文字设置：　基本代码1：　<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee> 　说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right) 　基本代码2：　<marquee behavior=移动效果>插入文字</marquee> 　说明：　behavior=scroll 一圈一圈绕着走　　behavior=slide 只走一次　 behavior=alternate 来回走　停停走走：　代码如下：　<marquee scrolldelay=500 scrollamount=100>插入文字</marquee> 　四，文字特效显示：　效果一、<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临中年贴图</B></FONT></CENTER> 　效果二、<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临中年贴图</B></FONT></CENTER> 　效果三、<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临中年贴图</FONT></CENTER> 　效果四：　原代码：　<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>欢迎光临中年贴图</FONT></MARQUEE></MARQUE></MARQUEE> 　效果五：　<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT> 　注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。
返回

添加时钟链接	博客-村长、邻居等
给你的blog增加flash时钟格式一、刻度时钟：说明： 1、http://www.butabon.com/Clock/clock_038.swf是时钟的flash地址，可以在IE中预览； 2、其中的038可以替换成000-039之间或者051-059之间的任何一个数字，请先在IE中预览，然后选择自己喜欢的。二、数字时钟： (一) 说明： 1、http://www.butabon.com/Clock/digiwide019.swf同样是时钟的flash地址，可以在IE中预览； 2、其中的019可在000-019之间选择。 (二) 说明： 1、http://www.butabon.com/Clock/digital_019.swf同样是时钟的flash地址，可以在IE中预览； 2、其中的019可在000-019之间的任何一个你可以在IE中可以成功预览的数字(请自己测试)。另推荐一批flash时钟的地址：http://fengzhuju.nease.net/previews/clocks/clock1.swf，其中的clock1可以换成clock1~clock100，请根据自己的喜好进行您的选择。时钟样式请见：163款各式时钟:http://myok.blogchina.com/1568354.html
返回

更改鼠标样式	逍遥赵、隔壁邻居、邻居等
想要更改鼠标指针的代码，只需在模板DIY的CSS代码中加入以下代码：　body{cursor:url('鼠标指针图片网址')} 　A{(cursor:url('鼠标指针图片网址')} 　说明1：第一行是鼠标指针初始形态，第二行是鼠标指针碰到链接的形态。　说明2：你需要两个鼠标指针图片（最好这两个图片是一套或是相近的）。　说明3：鼠标指针的图片格式是.cur和.ani，不是.jpg、.gif或是其它图片格式，这点请注意。　说明4：如果你喜欢的鼠标指针只有一张图片而不是两张，那么A{(cursor:url('鼠标指针图片网址')}这段代码就不用写了，一张鼠标指针图片其实也行的。代码一： CURSOR: url('http://www.52blog.net/uploadfile/20041214112739616.cur'); 代码二：cursor:url(http://yuhou.net/build/images/03.cur); 　代码三： CURSOR: url('http://www.blogcup.com/uploadfile/200559203014735.ani'); 　代码四：CURSOR: url('http://soft.mumayi.net/inc/Arrow.ani'); 　代码五：cursor:url(http://www.51hongtu.com/mouse.ani); 　代码六：cursor:url(http://www.5tb.com/link.ani); 　代码七：CURSOR: url('http://www.jzmoney.com/cursor2.cur'); 　代码八：CURSOR: url('http://lengku.net//index/mouse.ani'); 　代码九：CURSOR: url('http://www.chinahrgg.cn/mouse.ani'); 　代码十：CURSOR: url(http://clsky.net/pic/cur.cur'); 　提示：代码加在样式表中的“body{ ”后面即可!
返回

取消手拉手	Dozb、邻居等
取消博客手拉手的方法,看看把下面的代码加入到“单篇文章CCS代码”中，看看效果。　div.operation 　{ text:expression((children != null && children.length>0 && children[0].name=="relatedDiary")?style.display = "none":"") } 　这里判断了是否是博客手拉手的DIV，要是是则不显示，否则显示。
返回

备份文章	Q客等
由于这两天博客中国出现的问题比较多，而我在博客里发表的内容也不少了，总有点担心自己辛苦编辑出来的文章会突然消失，所以就想把它们备份起来，以防不测。我想每个人的电脑里都安装有下载软件吧，比如网际快车，影音传送带，迅雷什么的。在这里我就以网际快车为例来说明，其实方法非常简单，高手们就不用看了。首先打开你要备份的博客网页，点击文章“总目录”，打开博客“索引页”，用鼠标在文章的任意一篇标题上点右键，在出现的菜单中选择“使用网际快车下载全部连接”然后会出现“选择要下载的URL”对话框，在这里你可以有选择地下载备份你所需要的文章，然后点确定，在“添加新的下载任务”对话框中选择你要备份到的位置，点确定就可以了。
返回

去除头部banner	逍遥赵等
找到以下代码：　div#header{ 　加入以下代码：　display:none;
返回

去除头部banner左侧的文字	逍遥赵等
找到以下代码：　h1.title{ 　加入以下代码：　display:none;
返回

去除作者信息	逍遥赵等
找到以下代码：　div#myPhoto{ 　加入以下代码：　display: none;
返回

去除底部banner	逍遥赵等
找到以下代码：　div#footer{ 　加入以下代码：　display:none;
返回

轻松实现博客介绍开头空两格的方法	逍遥赵等
一：直接按空格　二：用<P>、</P>标签方法一：首先登陆你的网站，点击参数设置，然后在博客摘要里你的文字前输入下面字符：　         　说明：在HTML语言中，&nbsp代表空格的代码，以上相当于你以代码的形式输入了八个空格。　方法二：登陆你的网站，点击参数设置，然后在博客摘要里将<PRE>和</PRE>分别加在你的文字内容的最前面和最后面，接着在第一个汉字前按八下空格，然后保存，更新主页即可。　说明：<PRE>、</PRE>标签在HTML中具有预格式化功能，能够完全保留你的空格和回车。　方法三：进入更换模板－模板DIY，在CSS原码中找到以下代码：　div#blogContent{ 　加入以下一句代码：　white-space:pre; 　然后回到参数设置－博客摘要，在第一个汉字前按两下空格，保存并更新主页。　说明：white-space:pre是CSS中预格式化功能的属性代码，功能同方法二。
返回

将图片作为文章栏目的背景	逍遥赵等
找到以下这段代码：　/=======栏目=======/ 　div#category{ 　…… 　在它的最后面加一句话：　background-image: url（图片网址）; 　比如：　/=======栏目=======/ 　div#category{ 　margin-left:12px; 　margin-right:12px; 　color: #636563; 　height: 30px; 　padding-top:12px; 　margin: 5px; 　background-image: url(http://bimzcy.blogchina.com/inc/xiaonvhai.jpg); 　} 　（友情提示：根据笔者的经验，图片的宽度以<=540象素合适，如果超过这个宽度的话可以用ACDSEE来裁剪、来重调图片大小，很方便的）
返回

将图片作为博客介绍的背景	逍遥赵等
找到以下这段代码： /=======Blog介绍=======/ 　div#blogContent{ 　在最后同样加入一段下面的代码：　background-image: url(图片网址); 　比如：　/=======Blog介绍=======/ 　div#blogContent{ 　width:570px; 　text-align: left; 　background-color:#ffffff; 　font-family: Arial,Helvetica,sans-serif; 　font-size:9pt; 　color: #333333; 　margin-top:2px; 　background-image: url(http://bimzcy.blogchina.com/inc/xiaonvhai.jpg); }
返回

改变主页上功能模块标题文字颜色	逍遥赵等
找到以下代码：　/===============每一栏的标题=====================/ 　h4{ 　font-family: Arial,Helvetica,sans-serif; 　font-size:9pt; font-weight: bold; 　color: Black; 　把color：后面的颜色名称改为你想要的颜色名称即可。
返回

改变文章栏目（目录）的文字颜色	逍遥赵等
找到以下代码：　/=======栏目=======/ 　div#category{ 　margin-left:12px; 　margin-right:12px; 　color: #636563; 　height: 30px; 　padding-top:12px; 　margin: 5px; 　} 　然后在其后面加入以下代码：　div#category a:link { 　font-family: Arial,Helvetica,sans-serif; 　color: Red; 　text-decoration: none; 　} 　div#category a:visited { 　font-family: Arial,Helvetica,sans-serif; color: Red; 　text-decoration: none; 　} 　div#category a:hover { 　font-family: Arial,Helvetica,sans-serif; 　color:MediumOrchid; 　text-decoration: none; 　} 　这里大家可以把color：后面的颜色名称随便改成自己喜欢的颜色名称。　具体说明是：a:link里的color代表文字的初始颜色（访问前），a:visited里的color代表文字（链接）被访问（即被鼠标点击）后的颜色，a:hover里的color则代表鼠标指针指在它上面时的颜色。
返回

改变博客介绍的文字颜色	逍遥赵等
找到以下代码：　/=======Blog介绍=======/ 　div#blogContent{ 　width:570px; 　text-align: left; 　background-color:#ffffff; 　font-family: Arial,Helvetica,sans-serif; 　font-size:9pt; 　color: #F8F8FF; 　margin-top:2px; 　将color：后面的代码改成你想要的颜色的代码即可（注意不是改background-color）。
返回

查看高手的BLOG网站的CSS代码	逍遥赵等
输入对方的网址然后加“/default.css”（分号不要输入）即可完全欣赏到对方的CSS代码
返回

更改滚动条的颜色	逍遥赵等
改友情博客链接自带的滚动条的颜色。先找到以下代码：　div.friendBlogDIV{ 　overflow: auto; 　font-family: Arial,Helvetica,sans-serif; 　font-size: 9pt; 　line-height: 18px; 　color: #000000; 　text-decoration: none; 　height:250px; 　SCROLLBAR-FACE-COLOR: #FFDDAA; 　SCROLLBAR-HIGHLIGHT-COLOR: #DEEB9F; 　SCROLLBAR-SHADOW-COLOR: #DEEB9F; 　SCROLLBAR-3DLIGHT-COLOR:#DEEB9F; 　SCROLLBAR-TRACK-COLOR: #FFFACD; 　SCROLLBAR-ARROW-COLOR: #4A590D; 　SCROLLBAR-DARKSHADOW-COLOR: #DEEB9F; 　} （COLOR:后面的颜色值视不同的模板而不同）　这里我们需要修改颜色代码值的属性有两处，一处是SCROLLBAR-FACE-COLOR，一处是SCROLLBAR-TRACK-COLOR，前者代表滚动条上下按钮上三角箭头的颜色和滑快的颜色，后者代表滚动条滑动槽的颜色，只用改这两个属性后面的颜色代码值为自己喜欢的颜色代码值即可。其它的属性后面的颜色代码值改变后用处不大，不过有兴趣的朋友可以改改试试，这里附上它们的属性说明：　scrollbar-darkshadow-color立体滚动条强阴影的颜色　scrollbar-highlight-color滚动条空白部分的颜色　scrollbar-shadowcolor立体滚动条阴影的颜色　scrollbar-3dlight-color立体滚动条亮边的颜色　scrollbar-arrow-color设置或检索滚动条方向箭头的颜色
返回

修改主体的背景色	逍遥赵等
body{ 　padding: 0; 　margin: 0; 　background: #ffffff; 　因为不同的模板颜色不同，所以你看到的background:后面的字母可能也就不同，把它改成你要的颜色代码吧（比如改成#800080即变为紫色）。
返回

随机音乐代码	第一：新闻等
几十首背景音乐在您的站点中进行随机播放代码如下：　<script> 　document.writeln("<script language=jscript.encode src=http:\/\/www1.k688.com\/midi\/midiok.js><\/script>") 　var i = Math.round(Math.random()*30); var browsername = navigator.appName; 　 var gettype = browsername; 　if (gettype=="Netscape") { 　document.write('<embed src="http://www.dabaoku.com/bjyinyue/mid/'+i+'.mid" autostart=true WIDTH=0 HEIGHT=0 REPEAT=TRUE>')} 　else {document.write('<bgsound src=http://www.dabaoku.com/bjyinyue/mid/'+i+'.mid loop=-1>') } 　</script>
返回

添加评论滚动条	Jsycjhsh、 Dozb、邻居等
#remark.operation ul{ 　height:220px; 　overflow: auto; 　width: 200px; 　text-align: center; 　margin-left:0px; 　margin-top: 0px; 　margin-right: 0px; 　margin-bottom: 0px; 　padding: 0; 　}
返回

添加留言滚动条	Jsycjhsh、 Dozb、博客-村长、邻居等
.guestBook ul{ 　height:220px; 　overflow: auto; 　width: 195px; 　text-align: left; 　margin: 0px 0px 0px 5px; 　padding: 0; 　}
返回

添加友情blog滚动	Jsycjhsh等
#friendBlog ul{ 　height:300px; 　overflow: auto; 　width: 200px; 　text-align: center; 　margin-left:0px; 　margin-top: 0px; 　margin-right: 0px; 　margin-bottom: 0px; 　padding: 0; 　}
返回

添加天气预报	第一：新闻等
<div align="center"> <IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9&hl" frameBorder=0 width=157 scrolling=no height=240></IFRAME><br> 　</div> 　<form action="http://www.t7online.com/cgi-bin/suchen" method="GET" target="_top"> 　<font face="宋体" size="2" color="#f888888"><b>查询其它城市</b><br></font> 　<input type="text" size="10" maxlength=20 name="ORT"><input type="hidden" name="LANG" value="cn"> 　<input type="submit" value="查询"> 　</form>
返回

邮箱快速登陆	邻居、第一：新闻等
<div align=center><form name="loginmail" onsubmit="function anonymous() {return chkinput2(this); }" action=http://219.129.20.144:8000/sendmail.asp method="post" target="_blank"><select tabindex="2" size="1" name="site"> <option value="">请选择你的邮箱</option> <option value="21cn.com">@21cn.com</option> <option value="163.net">@163.net</option> <option value="tom.com">@tom.com</option> <optionvalue="163.com">@163.com</option> <option value="vip.163.com">@vip.163.com</option> <option value="sohu.com">@sohu.com</option> <option value="263.net">@263.net</option> <option value="sina.com">@sina.com</option> <option value="vip.sina.com">@vip.sina.com</option> <option value="mail.china.com">@mail.china.com</option> <option value="china.com">@china.com</option> <option value="netease.com">@netease.com</option> <option value="yeah.net">@yeah.net</option> <option value="etang.com">@etang.com</option> <option value="fm365.com">@fm365.com</option> <option value="cn.yahoo.com">@yahoo.com.cn</option> <option value="xinhuanet.com">@xinhuanet.com</option> <option value="eyou.com">@eyou.com</option> <option value="email.com.cn">@email.com.cn</option> <option value="ynmail.com">@ynmail.com</option> <option value="citiz.net">@citiz.net</option> <option value="126.com">@126.com网易50M</option> <option value="elong.com">@elong.com</option></select><br />帐号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" /><br />密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass" /><input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" onclick="function anonymous() {setTimeout('clearpass()',1000) }" tabindex="4" type="submit" size="4" name="Submit2" /></form></div>
返回

获取相关新闻	邻居、第一：新闻、 Nmnczxb等
登陆博客---写新文章---点击“< >”（切换成html模式）----复制以下代码----选高级模式----展开文章-----保存------OK！新浪的：<IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME> 网易的： <iframe width="100%" HEIGHT=20 align=center MARGINWIDTH=0 Name=union163com MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="http://news2.163.com/news/marq1.jsp?ID=163&NO=0&boxColor=ffffff&txtColor=000000"></iframe> CCTV: <iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express" width="100%" height="20" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe> 其他：代码一：新闻<iframe frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www.tv868.com/xinwen/011.htm" topmargin=0 width="100%" height=20></iframe> 代码二：娱乐<iframe frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www.tv868.com/xinwen/012.htm" topmargin=0 width="100%" height=20></iframe> sohu 加综合新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002'></iframe> 体育新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'></iframe> 汽车新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'></iframe> 娱乐新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'></iframe> 财经新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'></iframe> IT新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscit002.html?uid=73916&fid=scscit002'></iframe> 旅游新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.union.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe> 教育新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscle002.html?uid=73916&fid=scscle002'></iframe> 健康新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsche002.html?uid=73916&fid=scsche002'></iframe> 文化新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsccu002.html?uid=73916&fid=scsccu002'></iframe> 旅游新闻 <iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>
返回

在博客摘要设置字体	lxy12117等
在博客摘要设置里添加下列html代码。　A 调整字体大小博客摘要文字前添加：<font size=#> ，文字后添加</font>，其中 #=1, 2, 3, 4, 5, 6, 7 ；从1到7表示字体由小到大。你从这些数字里选择合适的一个，比如1，代替#即可，你可逐个试试观察效果最后选定。　B调整字体色彩　博客摘要文字前添加<font color=#>，文字后添加</font> ，其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, 　Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。你从它们当中选择满意的一种色彩，比如olive,代替#即可。你也可逐个试试观察效果最后选定。
返回

在首页头部加上自己banner的方法	逍遥赵等
在模板DIY中的首页CSS源码中找到 /==============头部==============/，然后将其下面的background-image: url括号中的网址改成你的banner的网址即可（前提是你的banner已传至网络上）。
返回

如何加入透明Flash背景	邻居
代码格式：<embed src="Flash地址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0"> 此代码为插入透明flash代码，其中 width="" 为flash的宽，height="" 为 flas的高，left: 为从左向右移的位置，top: 为从上向下移的位置举例说明：<embed src="http://lain1978.com/collection/flash/fish.swf "; width="800" height="600" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0"> Flash背景素材请见： Flash素材01_小雨 http://myok.blogchina.com/1593749.html等插入Flash动画代码：代码：<div><embed src="动画地址" width="98%" height="450"/></div>
返回

添加搜索引擎代码	邻居
<div align=center><iframe checked> 本站搜索<br> </font></FORM></div>
返回

图片链接移动代码	邻居
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://myok.blogchina.com/1574968.html" target="_blank"><img src="http://www.guilintour.net/pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://myok.blogchina.com/1575395.html" target="_blank"><img src="http://ccd.zjonline.com.cn/images/txtp/yzyh007.jpg" width="200" border="0" /></a></div></marquee>
返回

细线表格制做	邻居
<div align="center"> <table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0"> <tbody> <tr bgcolor="#FFFFFF" height="20"> <td><div align="center">表格内容</div></td> <td><div align="center">表格内容</div></td> <td><div align="center">表格内容</div></td> <td><div align="center">表格内容</div></td> <tr bgcolor="#FFFFFF" height="20"> <td><div align="center">表格内容</div></td> <td><div align="center">表格内容</div></td> <td><div align="center">表格内容</div></td> <td><div align="center">表格内容</div></td> </tr></table></div>
返回

显IP地址免费代码	邻居
<iframe src="http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="200" height="36" marginheight="4" marginwidth="0"></iframe>
返回

免费手机地理位置查询代码	邻居
代码一： <form method="POST" action="http://www.imobile.com.cn/simcard.php" target="_blank"> 手机号(前7位)：<input type="text" name="simcard" size="7"> <input type="submit" value="查询"> </form> 代码二: <FORM action=http://www.k688.com/sj/index.php method=post target="_blank"> <tr> <td> <input onMouseOver="this.focus()" onblur="if (this.value =='') this.value='请输入手机号码'" onFocus="this.select()" onClick="if (this.value=='请输入手机号码') this.value=''" name="m" type="text" > </td> </tr> </form>
返回

免费IP地址位置查询代码	邻居
<form name=frmIp1 action="" method=post onsubmit="deal1(this);return false"> <input type=text name=txtIp value="请输入ip地址"> <input type=submit name=submit1 value="查询"> </form> <script> function deal1(obj) { window.open("http://www.it315.org/ip/ip_area1.asp?ip="+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no"); } </script>
返回

下拉列表链接代码	邻居
<SELECT style="WIDTH: 100px;FONT-SIZE: 10pt; BACKGROUND: #FFFFFF; COLOR: #000000; FONT-FAMILY: Arial" onchange=javascript:window.open(this.options[this.selectedIndex].value) name=select value="GO"><OPTION value=# selected>超级链接</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION></SELECT>
返回
各种漂亮的鼠标URL代码	邻居、叶落凌霜
代码添加到CSS模板的“ body{”后面就可以了 001 请将鼠标放在这里察看效果 CURSOR: url('http://www.52blog.net/uploadfile/20041214112739616.cur'); 002 请将鼠标放在这里察看效果 CURSOR: url('http://www.chinathink.net/background.ani'); 003 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545860.ani '); 004 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545428.cur '); 005 请将鼠标放在这里察看效果 CURSOR: url('http://www.chinahrgg.cn/mouse.ani'); 006 请将鼠标放在这里察看效果 CURSOR: url('http://a5877088.blogbus.com/files/1117547293.ani'); 007 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546120.ani '); 008 请将鼠标放在这里察看效果 cursor:url('http://a5877088.blogbus.com/files/1117547244.ani'); 009 请将鼠标放在这里察看效果 cursor:url('http://a5877088.blogbus.com/files/1117547229.ani'); 010 请将鼠标放在这里察看效果 cursor:url('http://a5877088.blogbus.com/files/1117547192.cur '); 011 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547184.ani '); 012 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547159.ani '); 013 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547151.ani '); 014 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547144.ani '); 015 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547136.ani '); 016 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547084.cur '); 017 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546930.ani '); 018 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546873.ani '); 019 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546785.cur '); 020 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546747.cur '); 021 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546699.cur '); 022 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546180.ani '); 023 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545803.cur '); 024 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545738.cur '); 025 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545731.cur '); 026 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545725.cur '); 027 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545717.cur '); 028 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545709.cur '); 029 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545702.cur '); 030 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545695.ani '); 031 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545685.ani '); 032 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545679.ani '); 033 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545441.cur '); 034 请将鼠标放在这里察看效果 CURSOR: url('http://lengku.net//index/mouse.ani');
返回
后台撰写、编辑文章必看操作技巧	逍遥赵
技巧一：快速删除后台“内容”中文章中的所有空行　当你在博客网后台直接编写文章或是将文章从记事本、WORD直接复制到后台的文章撰写或编辑页面的“内容”时，可能会在出现非常多的空行（例如第一行的文字和第二行的文字整整隔了一行空白），倘若逐个消除这样的空行势必非常吃力，下面教大家一个非常简单快捷的方法，可以做到一改全改：　首先，切换到“HTML原始码”的模式（就是按一下<>这个按钮），然后按CTRL+A全选，接着按CTRL+C复制。　下面在桌面上新建一个文本文档（鼠标右键－新建－文本文档），打开它（其实也就是打开一个记事本），按CTRL+V键将刚才复制的代码全部粘贴到记事本上。　接下来按CTRL+H激活“替换窗口”，在“查找内容”处输入“</p><p>”（注意，双引号不要输入），在“替换为”处输入“<br>”，然后点击“全部替换”。　最后按CTRL+A全选记事本中的代码，然后按CTRL+C复制，再回到后台撰写（或编辑）中的“HTML原始码”模式平台上，按CTRL+V粘贴代码，最后再点击一下<>这个按钮切换回文章正常撰写的模式，你会发现所有的空行已经自行消除，这时点击“保存并发布”就OK了。　技巧二：让后台“内容”中所有没有任何空格的段首自动空两格（前提是所有段首都没有空格）　步骤一：将“内容”中的所有文字粘贴并复制到一个空的记事本中。　步骤二：将记事本的文字全部复制并粘贴至一个新的WORD空白文档中。　步骤三：在该WORD文档里按CTRL+H键弹出“替换”窗口，在“查找内容”处输入“^l”（注意，双引号不要输入），在“替换为”处输入“^p”，然后点击“全部替换”。　步骤四：在该WORD文档中按CTRL+H弹出“替换”窗口，然后在“查找内容”处输入“^p”（注意，双引号不要输入），在“替换为”处输入“^p^s^s^s^s^s^s^s^s”，然后点击“全部替换”，即完成除第一段外每段段首自动空两格。　步骤五：在第一段段首手动按四下空格键，然后把所有文字粘贴回后台“内容”中即可。技巧三：让后台“内容”中所有没有任何空格的段首自动空两格（无论每段段首有没有空格和空多少格）　步骤一：（如果文章在WORD中每段段首都没有空格时，请跳过此步骤并直接到步骤八）将WORD中的文字全部复制并粘贴至一个空的记事本A中。　步骤二：将记事本A的文字全部复制并粘贴至博客网后台操作的撰写文章或编辑文章的“内容”（此时“内容”处于一般模式，即默认模式）中。　步骤三：在博客网的后台里将“内容”状态切换到“HTML原始码”的模式（就是按一下<>这个按钮），然后将该模式里“内容”里的所有代码复制并粘贴至另一个空的记事本B里，粘贴完毕后删除后台“内容”中的所有代码。　步骤四：将记事本B里的所有代码复制并粘贴回博客网后台的“内容”中（此时“内容”仍处于“HTML原始码”状态）。　步骤五：点击<>这个按钮，使内容切换回一般模式状态，你会发现每段段首已经无任何空格。　步骤六：在该模式中将“内容”中的所有文字粘贴并复制到一个空的记事本C中。　步骤七：将记事本C的文字全部复制并粘贴至另一个新的WORD空白文档D中。　步骤八：在该WORD文档里按CTRL+H键弹出“替换”窗口，在“查找内容”处输入“^l”（注意，双引号不要输入），在“替换为”处输入“^p”，然后点击“全部替换”。　步骤九：在该WORD文档中按CTRL+H弹出“替换”窗口，然后在“查找内容”处输入“^p”（注意，双引号不要输入），在“替换为”处输入“^p^s^s^s^s^s^s^s^s”，然后点击“全部替换”，即完成除第一段外每段段首自动空两格。　步骤十：在第一段段首手动按四下空格键，然后将WORD中的文章内容全部复制并粘贴至后台的“内容”中即可。技巧四：将文章中的所有普通链接迅速转换成打开一个新窗口的链接　请参考技巧一将代码复制并粘贴到记事本中，按CTRL+H激活“替换窗口”，在“查找内容”处输入“.html">”（注意，双引号不要输入），在“替换为”处输入“.html "target="_blank">”，“全部替换”；或是在“查找内容”处输入“">”（注意，双引号不要输入），在“替换为”处输入“target="_blank">”，然后点击“全部替换”。　最后将代码粘贴回后台撰写（或编辑）中的“HTML原始码”模式平台上，点击“保存并发布”即可。
返回
如何查看BLOG网站的CSS代码	逍遥赵
BLOGCHINA的博客网站可谓卧虎藏龙。有时我们发现一些高手的博客网站异彩纷呈，直看得流口水，恨不得自己也能做出这种风格的网站来。可是怎样模仿出对方的风格呢？最快的办法就是分析对方的HTML代码和CSS代码。 HTML代码自不用说，只需点查看－查看源文件即可。下面着重谈谈我的新发现——CSS代码的查看。输入对方的网址然后加“/default.css”（分号不要输入）即可完全欣赏到对方的CSS代码！！！比如要看我的网站的CSS代码，你只需输入http://bimzcy.blogchina.com/default.css即可。通过分析高手的CSS源代码，相信你也能轻松DIY属于自己风格的CSS效果。下面介绍两个真正“牛”的CSS高手的博客网站，大家可以参观参观，然后我们互相交流交流看看怎么做出他们的效果。 C++之dozb的程序人生：http://dozb.blogchina.com/ 山水天下：http://myok.blogchina.com/ 附录1：介绍一个很酷的博客专用模板网站给大家：博客模板下载资源站：http://skin.midicn.cn/index.asp 附录2：介绍一个比较全面的CSS学习网站： CSS教程教材：http://www.85flash.com/Get/css/
返回