近来郭连兵老师留言给我,让我弄个有关博客设计方面的技巧教程。其实我也不太会,全靠在平时翻阅书籍自学了一点点。因此,我将类似的问题集中起来服务于大家。希望能对您有所帮助。
一、公告栏的添加方法 二、天气查询的添加方法 三、时钟的添加方法 四、LOGO留言的添加方法
登陆博客 http://blog.jledu.gov.cn点击 “管理中心”在选择左侧导航中的“模板”在模板中选择“改主模板”;大家记住在你确定修改主模板前一定要进行“备份模板”切记!~
一、公告栏的添加方法:
<div align=center> <marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="152"> <font color=red><b><center>本站公告</center></b></font><BR><BR> <font color="#003366">欢迎大家的光临!!!</font><BR> <font color="#FF00FF">本站域名:<BR><BR> 站点地址<br> 站点地址<BR> </font> <font color="#ff0000"><b><center>版权信息</center></b></font><BR> <font color="#003366">这里可以作为自己的声明</font><BR><BR> <font color="#ff0000"><b><center>欢迎您的光临</center></b></font><BR> <font color="#003366">放入自己的联系方式等信息</font><BR> <font color="#ff0000"><a href="mailto:wangdazhi521@yahoo.com.cn ">电子邮件 例如:wangdazhi521@yahoo.com.cn</a><BR> 这里就填写自己的QQ号 例如:QQ:38242825</font> </marquee></div>
二、天气查询的添加方法:
代码一: <SCRIPT> function getcookie(name) { var my_cookie = document.cookie; var start = my_cookie.indexOf(name + "@weather.qq.com" + "="); if (start == -1) return ''; start += name.length + 16; //1 stands of '=' var end = my_cookie.indexOf(";" ,start); if (end == -1) end = my_cookie.length; return my_cookie.substr(start, end - start); }
var v=getcookie('default_city'); if (v == '') v=166; document.write("<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0'
FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss" + v + ".htm'></IFRAME>"); </SCRIPT> 提示:166是桂林的天气代码,如果要换成其他城市的代码,可到http://weather.qq.com网站,先查询该城市天气代码。方法是在首页查看源码,然后在源码中找到该城市前面的数字就是该城市的代码,替换掉原来的166即可。 代码二: <IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=桂林" frameBorder=0 width=200 scrolling=no height=237></IFRAME> 提示:如果要换成其他城市的代码,只需将桂林替换成相应的城市名称即可。 代码三: <script language="javascript" src="</SCRIPT'>http://extern.t7online.com/javascript/teaser_cncn.js"></script</A>>
三、时钟的添加方法:
<EMBED src=这里可以自己找个FLASH图象,记住扩展名是 .swf width=150 height=150 type=application/x-shockwave-flash> 提示:width:宽度 height:高度 可根据个人博客实际情况适当调整 如果想要时钟透明,加入代码: wmode="transparent" 到代码中即可。
四、LOGO留言的添加方法:
<DIV class=mysever align=center> <UL> <LI><A herf="站点地址"><IMG alt=本站LOGO src=图片地址width=88></A> </LI> <LI><A href="站点地址"><IMG alt=我的博客 src=图片地址width=88></A> </LI> <LI><A href="可以申请个留言版,这里就放入留言版地址"><IMG alt=留言版src=图片地址 width=88></A> </LI> </DIV>
提示:本例同样需要在样式表中添加一段代码。代码同为您服务的代码,如果前面已经添加了,这里仅仅只需引用即可。 关于LOGO的制做:LOGO其实就是一个图片链接,一般的标准规格是88X31,可到相关网站下载图片或者自己选择图片设计,按照规定的格式就可以了, 很有趣,大家不妨一试!
本人弄的比较简单,也不会用什么华丽的词语去修饰,只是把自己怎么弄博客的方法一一列出来,还有很多功能本人正在测试中。 以上代码如有问题,可以咨询QQ:38242825。 |