博客代码大全

来源:互联网 发布:python -m compile 编辑:程序博客网 时间:2024/04/30 02:20
一、公告栏的添加方法 二、天气查询的添加方法 三、时钟的添加方法 四、精品推荐的添加方法 五、音乐欣赏的添加方法 六、为您服务的添加方法 七、邮箱快速登录的添加方法 八、搜索查询的添加方法 九、LOGO论坛留言的添加方法 十、滚动新闻的添加方法 十一、滚动条的添加方法 十二、头部图片的替换 十三、背景颜色或图片的替换 十四、博客介绍栏的设置 十五、修改标题栏图片背景的方法 十六、新窗口打开链接的方法 十七、鼠标特效的设置方法 十八、隐藏首页部分栏目内容的方法

一、公告栏的添加方法二、天气查询的添加方法

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

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

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


代码二:



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


代码三:


三、时钟的添加方法 是时钟样式,更多时钟选项,请参见本站:多款美女时钟 和   Flash时钟下载

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

提示:width:宽度 height:高度 可根据个人博客实际情况适当调整
   如果想要时钟透明,加入代码: wmode="transparent" 到代码中即可。
http://www.59178.com/Twins/Twins07.swf

四、精品推荐的添加方法五、音乐欣赏的添加方法连续播放的音乐制作方法

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

5、精品推荐代码如下:


提示:链接替换成你自己的就可以了!


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

5、音乐欣赏代码如下:


提示:第一句是插入图片;第二句是插入音乐播放的代码。可根据自己的需要修改宽度、高度和音乐链接地址。连续播放音乐的设置方法请参见本站的:


六、为您服务的添加方法七、邮箱快速登录的添加方法八、搜索查询的添加方法九、LOGO论坛留言的添加方法十、滚动新闻的添加方法十一、滚动条的添加方法

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


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


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

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


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


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

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

代码二:
<textarea rows="10" cols="80">&lt;FORM action=http://www.k688.com/sj/index.php method=post target=&quot;_blank&quot;&gt; &lt;input onMouseOver=&quot;this.focus()&quot; onblur=&quot;if (this.value =='') this.value='请输入手机号码'&quot; onFocus=&quot;this.select()&quot; onClick=&quot;if (this.value==' 请输入手机号码') this.value=''&quot; name=&quot;m&quot; type=&quot;text&quot; id=&quot;m2&quot; size=&quot;12&quot; value='请输入手机号码'&gt; &lt;input type=&quot;submit&quot; name=&quot;Submit&quot; value=&quot;手机地址&quot;&gt; &lt;input name=&quot;a&quot; type=&quot;hidden&quot; id=&quot;a2&quot; value=&quot;search&quot;&gt; &lt;/form&gt;</textarea>
(3)搜索查询代码

google:

百度:

注:我使用的查询IP、手机号、邮编是要注册的,所以在这里没有推荐。


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

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



将你搜集到的滚动新闻代码添加到博客介绍中就可以了。
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 ');

十八、隐藏首页部分显示的方法
 

隐藏头部博客名称显示的方法:如果你想在首页隐去头部博客名称的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“h1{”,然后紧跟在后面添加代码display:none;即可。

隐藏首页文章横条显示方法:如果你想在首页隐去日志上方有文章二字的横条显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“h4.textDiary{”,然后紧跟在后面添加代码display:none;即可。

隐藏作者头像的方法:如果你想在首页隐去作者头像复的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“div#myPhoto{ ”,然后紧跟在后面添加代码display:none;即可。

隐藏博客年度索引的方法:如果你想在首页隐去博客年度索引的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“div#blogIndex{ ”,然后紧跟在后面添加代码display:none;即可。

隐藏底部版权信息的方法:如果你想在首页隐去底部版权信息的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“div#footer a{”,然后紧跟在后面添加代码display:none;即可。

隐藏作者及回复显示方法:如果你想在首页隐去日志底部有关作者和回复的显示信息的话,请登录博客后,进入到模板管理,找到首页模板CSS中的“p.diaryFoot{”,然后紧跟在后面添加代码display:none;即可。

隐藏日志标题的方法:如果你想隐去首页日志的标题显示,可登录博客后,进入到模板管理,找到首页模板CSS中的“h5.diaryTitle{”,然后紧跟其后添加代码display:none;即可!

隐藏目录栏目显示的方法:如果你想隐去首页日志的标题显示,可登录博客后,进入到模板管理,找到首页模板CSS中的“div#category a{”,然后紧跟其后添加代码display:none;即可!

注:

1、如果模板中没有找到对应的代码,可在最后增加该代码内容!

2、有其他需要隐藏的地方,很简单,你只需要登录博客后,进入模板样式将与该栏相对应的代码用display:none;屏幕掉即可。
    举例:我想屏幕掉头部,只需找到代码div#header将其中的代码去掉,换成display:none;即可。因涉及栏目较多,在此不一一列举,可参照尝试。