首页 | 博客群 | 公社 | 专栏 | 论坛 | 图片 | 资讯 | 注册 | 帮助 | 博客联播 | 随机访问
博客实用代码- -| 回首页 | 2006年索引 | - -我国博客研究机构诞生

博客技巧大全（适用老公社用户）

                                      

        近来不少博友留言询问有关博客设计方面的技巧。考虑到许多博友的问题都是相同且多为重复提问，如一一回答恐难胜任。 因此，我将类似的问题集中起来答复大家。希望能对您有所帮助。
一、公告栏的添加方法 二、天气查询的添加方法 三、时钟的添加方法
四、精品推荐的添加方法 五、音乐欣赏的添加方法 六、为您服务的添加方法
七、邮箱快速登录的添加方法 八、搜索查询的添加方法 九、LOGO论坛留言的添加方法
十、滚动新闻的添加方法 十一、滚动条的添加方法 十二、头部图片的替换
十三、背景颜色或图片的替换 十四、博客介绍栏的设置 十五、修改标题栏图片背景的方法
十六、新窗口打开链接的方法 十七、鼠标特效的设置方法 十八、实用隐藏（屏蔽）方法
十九、在头部banner中添加设为首页等的方法

一、公告栏的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“本站公告”，在选择链接列表类型中取默认“文本书 签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“本站公告”栏，点击“本站公告”栏右侧的“编辑”按钮。
4、在新窗口中 的描述里输入本站公告代码即可。
5、本站公告代码如下：

二、天气查询的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“天气查询”，在选择链接列表类型中取默认“文本书 签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“天气查询”栏，点击“天气查询”右侧的“编辑”按钮。
4、在出现的新窗 口中描述里输入天气查询代码即可。
5、天气查询代码如下：
    代码一：

提示：166是桂林的天气代码，如果要换成其他城市的代码，可到http://weather.qq.com网站，先查询该城市天气代码。方法是在首 页查看源码，然后在源码中找到该城市前面的数字就是该城市的代码，替换掉原来的166即可。


代码二：



提示：如果要换成其他城市的代码，只需将桂林替换成相应的城市名称即可。


代码三：


三、时钟的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“当前时间”，在选择链接列表类型中取默认“文本书 签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“当前时间”栏，点击“当前时间”右侧的“编辑”按钮。
4、在出现的新窗 口中描述里输入时钟代码即可。
5、时钟代码如下：

提示：width：宽度　height：高度　可根据个人博客实际情况适当调整
　　　如果想要时钟透明,加 入代码： wmode="transparent"　到代码中即可。
http://www.59178.com/Twins/Twins07.swf　是时钟样式，更多时钟选项请参见本站：各类时钟大全 和   Flash时钟下载

四、精品推荐的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“精品推荐”，在选择链接列表类型中取默认“文本书 签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“精品推荐”栏，点击“精品推荐”右侧的“编辑”按钮。
4、在出现的新窗 口中描述里输入精品推荐即可。

5、精品推荐代码如下：


提示：链接替换成你自己的就可以了！

五、音乐欣赏的添加方法

1、音乐MTV播放器是个程序文件，你首先需要将该程序的所有文件上传至网络上的某个空间里，上传时保持原有的文件和文件夹格式不变；
2、登录博客后，点击右上方的 “链接管理”。
3、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“音乐欣赏”，在选择链接列表类型中取默认“文本书签”，点击“立即创建”。 出现提 示后，点击“确定”。
4、在下方的链接列表中找到新建的“音乐欣赏”栏，点击“音乐欣赏”右侧的“编辑”按钮。
5、在出现的新窗口描述中输入音乐MTV链接代码即可 。

5、音乐欣赏代码如下：


提示：链接音乐MTV的方法是运用了iframe功能，将音乐MTV网页引入到博客里，也就是你们在我首页里见到的效果


六、为您服务的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“为您服务”，在选择链接列表类型中取默认“文本书 签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“为您服务”栏，点击“为您服务”栏右侧的“编辑”按钮。
4、在出现的新 窗口中描述里输入为您服务代码即可。
5、为您服务代码如下：


提示：这里利用了无序列列表功能的技巧，因此需要在模板样式中加入以下语句，可将下列语句加 在模板样式的最后,并根据个人博客的不同适当调整。

七、邮箱快速登录的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“邮箱快速登录”，在选择链接列表类型中取默认“文 本书签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“邮箱快速登录”栏，点击“邮箱快速登录”栏右侧的“编辑”按钮。
4 、在出现的新窗口中描述里输入邮箱快速登录代码即可。

5、邮箱快速登录代码如下：

八、搜索查询的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“搜索查询”，在选择链接列表类型中取默认“文本书 签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“搜索查询”栏，点击“搜索查询”栏右侧的“编辑”按钮。
4、在出现的新 窗口中描述里输入搜索查询代码即可。


5、搜索查询代码如下：
(一)免费IP地址位置查询代码：

(二)免费手机地理位置查询代码
代码一：

代码二:

(3)搜索查询代码

google:

百度：

注：我使用的查询IP、手机号、邮编是要注册的，所以在这里没有推荐。大家可以在网上查找其他免费查询代码，添加方法和上面 讲述的操作是一样的

九、LOGO论坛留言的添加方法

1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“添加链接列表名称”中输入“LOGO论坛留言”，在选择链接列表类型中取默认”文本书签“ ，点击”创建新的链接列表“。 出现”确定“提示后，点击”确定“按钮。
3、在左侧新建的链接列表名称”LOGO论坛留言“栏选择”编辑项目“。
4、在出现的新界面中 ，选择”设置“标签。
5、在出现的新界面”描述“中输入LOGO论坛留言代码即可。
6、LOGO论坛留言代码如下：

提示：本例同样需要在样式表中添加一段代码。代码同为您服务的代码，如果前面已经添加了，这里仅仅只需引用即可。
  (1)关于LOGO的制做：LOGO 其实就是一个图片链接，一般的标准规格是88X31，可到相关网站下载图片或者自己选择图片设计，按照规定的格式就可以了!
  (2)关于论坛：网上免费的论坛有不少， 大家可以通过搜索选择你喜欢的论坛申请后，做一个链接即可。
  (3)关于留言板：和论坛一样，申请后做链接即可。


十、滚动新闻的添加方法

将你搜集到的滚动新闻代码添加到博客介绍中就可以了。
1、登录博客后，选择“参数设置”标签。
2、在新界面中，输入滚动新闻代码即可。
3、滚动新闻代码：

新浪的

网易的：

CCTV:

其他：
代码一：新闻

代码二：娱乐

sohu
加综合新闻

体育新闻

汽车新闻

娱乐新闻

财经新闻

IT新闻

旅游新闻

教育新闻

健康新闻

文化新闻

旅游新闻



十一、滚动条的添加方法

1、登录博客后，选择“模板设置”标签。
2、选择模板标签下的”模板DIV“或者下面的当前选择的模板中的”首页“进入模板样式设计。
3、加入滚动条代码即可。
4、滚动条代码如下(可加在样式表最后)：

/*====最新评论滚动条====*/

/*====在线留言滚动条====*/ 
     /*====最新文章滚动条====*/

注：大家可以根据自己的博客自行调整滚动条的宽度和高度值，以达到你满意的效果为好！
十二、头部图片的替换

1、预先选择设计好自己喜欢的图片，并且使设计的图片宽度和高度与原模板图片一致。这样可以避免修改模板带来的不必要的麻烦。
2、设计好后，上传到博客空间里(这 样可以保证速度)，注意命名要易记不重名。
3、进入到模板DIV，以首页为例。找到头部代码“div#header{” 中的“background-image:  url(/myok/inc/head.jpg);” ，如果没有可新增一行该代码。
4、将其中的链接替换你上传的图片链接即可。


十三、背景颜色或图片的替换

1、登录博客后，选择模板设置。
2、选择”模板DIV“(以首页为例)。
整体大背景
a.在CSS代码中找到代码Body。
b.如果是修改背景颜色，找到background- color: #XXXXXX;，用你喜欢的背景颜色代码替换掉原来的即可。
c.如果是修改背景图片(注：使用了背景图片后，背景颜色将失效)，找到background-image: url (http://XXX.XXXXX.XXX/XXX.jpg);将图片替换成你喜欢的背景图片链接即可。
日志背景：
a.找到日志主体div.entity{ 中的background-color: #XXXXXX;(背景颜色)，或 者background-image: url(http://XXX.XXXXX.XXX/XXX.jpg)(背景图片);，用自己中意的背景颜色和图片替换掉即可。如果没有该二行代码，可自行添加。
侧边栏背景：
a.需要分别将各侧边栏(在你的博客中显示出来的)，添加上述代码，并换成自己中意的背景颜色和图片即可。

十四、博客介绍栏的设置

博客介绍栏位于HTML的<head>和</head>之间，我们可以利用起来做很多事情。只要在规定的字符数内，尽可展示你的所学与才华!我在这里仅仅介绍一下博客介绍 栏背景图片、颜色及高度的修改。
1、登录博客后，选择模板设置。
2、选择”模板DIV“(以首页为例)。
3、找到Blog介绍中的div#blogContent{代码，添加或修改相 应的background-color: #XXXXXX;(背景颜色)，或者background-image: url

(http://XXX.XXXXX.XXX/XXX.jpg)(背景图片)代码即可;
4、修改博客介绍的高度值，只需找到height:XXXpx;，修改相应值即可。

十五、修改标题栏图片背景的方法

1、登录博客后，选择模板设置。
2、选择”模板DIV“(以首页为例)。
3、找到每一栏的标题中的H4，修改其中的  background-color: #XXXXXX;和 background- image: url(http://XXX.XXXXX.XXX/XXX.jpg);即可。
4、栏目标题的修改需要找到栏目中的代码div#category{，添加或者修改其中的 background-color: #XXXXXX;和 background-image: url

(http://XXX.XXXXX.XXX/XXX.jpg);即可。


十六、新窗口打开链接的方法

1、登录博客后，选择模板设置。
2、选择”模板DIV“(以首页为例)。
3、再CSS最后添加如下代码：
a:active {
text:expression(target="_blank");
}

十七、鼠标特效的设置方法

1、登录博客后，选择模板设置。
2、选择”模板DIV“(以首页为例)。
3、找到代码Body，在其中添加鼠标特效代码即可。
4、代码格式如下：
                    cursor:url(' http://a5877088.blogbus.com/files/1117545441.cur ');
5、更多样式参见本站日志：CSS鼠标代码

十八、实用隐藏（屏蔽）方法

说明：以下操作均首先要登录博客，并进入到模板管理，如果你想隐藏首页的内容就要进入到首页的模板CSS中，是单篇日志的内容就要进入到单篇日志的模板CSS中，修改代码 时，首先查找（ctrl+F)是否有该代码，如果有，就在该代码中添加，如果没有，就在CSS的最后添加该代码及内容。另外需要说明的是，如果是display:none代码，就添加在需要 隐藏的代码第一行，切记！！！

(一）首页

01、隐藏头部博客名称：
h1 title{display:none;}

02、隐藏头部banner：
div#header{display: none; }

03、隐藏两侧功能框架的方法：
左：div#leftFrm{display: none; } 右：div#rightFrm{display:none;}

04、隐藏文章横条：
h4.textDiary{display:none;}

05、隐藏作者信息：
div#myPhoto{ display:none;}

06、隐藏年度索引：
div#blogIndex{display:none;}

07、隐藏底部版权信息：
div#footer a{display:none;}

08、隐藏日志底部信息：
p.diaryFoot{display:none;}

09、隐藏日志标题：
h5.diaryTitle{display:none;}

10、隐藏博客介绍框架：
div#mybolg{display:none;}

24、隐藏BLOG介绍内容
div#blogContent{display:none;}

11、隐藏博客个性图片：
div#blogImg{display:none;}

12、隐藏博客日历：
div#calendar{display:none;}

13、隐藏博客导航栏：
div#category{display:none;}

14、隐藏博客登陆框：
div#loginFrm{display:none;}

15、隐藏博客在线留言：
div#guestBook{display:none;}

16、隐藏博客最新评论：
div#remark{display:none;}

17、隐藏博客底部banner：
div#footer{display:none;}

18、隐藏加入收藏夹的方法：
#otherFrm div a img{display:none;}
#otherFrm td a img{display:block;}

19、隐藏博客介绍中的博客网站名称：
h3{display:none}

20、隐藏RSS图片
div#otherFrm a{display:none;}

21、隐藏快速登陆
div#loginFrm{display:none;}

26、隐藏快速通道
div#chunnel{display:none;}

27、隐藏博客搜索
div#search{display:none;}

29、隐藏“作者置顶”四字
　em{display:none;}

36、隐藏最新日志
div#newWeblog{display:none;}

37、隐藏友情博客
div#friendBlog{display:none;}

38、隐藏访问统计
div#otherFrm{display: none; }

39、隐藏BCLogo及邀请友情BG图片
div.logoFrm{display: none;}

40、隐藏博客图标
div#otherFrm a{display:none;}
div#otherFrm table{display:none;}

(二）单篇日志

01、隐藏评论灰色unkonwman图片的方法：.operation tr td img{display:none;}
.operation tr td a img{display:block;}

02、隐藏底部版权信息
　div#footer a{display: none;}

03、隐藏头部banner
　　div#header{ display:none; }

04、隐藏日志导航栏目
div#category{ display:none;}

05、隐藏日志题目
　　h2.diaryTitle{ display:none;}

06、隐藏日志底部
　　p.diaryFoot{display:none;}

07、隐藏Trackback、博客手拉手、回复及回复框架
　　div.operation{display:none;}

08、隐藏Trackback
div.operation{ star:expression((children ! null && children.length>0 && children[0].name"trackback")?style.display "none":"") }

09、隐藏博客手拉手
div.operation{ text:expression((children ! null && children.length>0 && children[0].name"relatedDiary")?style.display "none":"") }

10、隐藏回复
　div.operation{ text:expression((children ! null && children.length>0 && children[0].name"comment")?style.display "none":"") }

11、隐藏Trackback、博客手拉手、回复字体
　h3{ display:none;}

12、隐藏日志下面评论中的头像或任何图片
　div.operation img{display:none;}

(三）索引页

01、隐藏头部banner
　　div#header{ display:none; }

02、隐藏底部
　　div#footer{ display:none;}

03、隐藏底部BlogChina版权
　　div#footer a{display: none;}

04、隐藏整个博客索引页
　body{display:none; }
或者用以下代码
div#container，div#footer{display: none; }

十九、在头部右侧banner中添加加入收藏、设为首页等的方法
首先在CSS中添加定位代码：
/*====加入收藏定位========*/
.bannertop {
display:block;
position:absolute;
width:150px;
left:640px;
top:-120px;
color:#A67D2A;
}

转自：山水天下

【作者: 自由人枫】【访问统计:】【2006年08月17日 星期四 19:41】【注册】【打印】

搜索
Google

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=5542542

回复

- 评论人：自由人枫   2007-11-09 15:29:10  自由人枫的博客 　

要是bokee网的老公社用户，就在后台的第三个，控制面板、博客管理、链接管理，功能设置、写新文章。

- 评论人：紸縡&卋界   2007-11-07 23:36:49  　

我怎么找不到“链接管理”啊，请说的详细点
验证码：   
评论内容：