博客外观修改攻略

最近一直没有机会写写东西,都只是转载了别人的文章,真是无奈啊。
连这篇“攻略”都是拖了好久才写出来,实在是不好意思。如有偏颇和遗漏,欢迎给我指出来。
我做了一个qq临时会话图标,如果有问题可以来问我 ,点右边这个图标  ------>  点击这里给我发消息



添加flash时钟

首先需要你把首页上的公告栏显示出来,默认这个是隐藏的:

进入 选项->Preferences 

把下图处的 公告  打上勾勾,然后保存


好了 公告显示出来了,下面就要把FLASH传到博客上去了,找到你要上传的flash时钟文件



新建一个 随笔,然后点工具栏的这个位置




弹出插入flash的对话框



按照图上标识的步骤操作,就可以把这个flash插入到随笔中了



然后点随笔编辑窗口的左下角的这个位置




就可以看到如上图类似的代码了 ,注意那一头一尾两个<object>,我们要的就是这段代码,选中这段代码,复制下来



进入 选项->Configure,看到下图所示的公告编辑窗口



 把刚才那段代码粘贴到公告编辑框中,保存一下
这样你公告上的flash时钟就应该添加好了



(-------------------------------------------无敌分割线-----------------------------------------------------------------)

下面我们开始做计数器
首先进入这个网站http://freelogs.com



确定后开始填写上面这个表单。Style就是设置你计数器的外观,点他右边的那个See Styles就可以看到每个外观的样子了;Increment on选项里:Every Unique User 指的是每个用户进入一次,计数器加一。Every Page Hit指的是页面刷新一次,计数器加一。点击Greate Counter后计数器就申请完毕了,进入下个页面,里面是计数器的代码。




这上面就是我们要的计数器的代码了,把这段代码复制下来



粘贴到公告编辑栏中的这个位置,保存一下,计数器就做好了,祝你成功

<center>
<br>
<object height=150 width=150 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 xcodebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<PARAM name="Movie" value="/images/cnblogs_com/outrain/clock.swf" /> <PARAM name="Quality" value="high"/><param name="wmode" value="transparent"/><embed src="/images/cnblogs_com/outrain/clock.swf" width="150" height="150"  quality="high" wmode="transparent"     type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
<br><br>
网站计数器
<br />
<href="http://xyz.freeweblogger.com/stats/o/outrain/" target="_top"><img border="0" alt="Free Web Counter" src="http://xyz.freeweblogger.com/counter/index.php?u=outrain&s=ainv" ALIGN="middle" HSPACE="4" VSPACE="2"></a><script src=http://xyz.freeweblogger.com/counter/script.php?u=outrain></script>
<br><style="font-size:12" href="http://www.freeweblogger.com/" target="_top"></a>
<br />
</center>

这上面是我公告栏的代码,给你们做个参考。

(-------------------------------------------无敌分割线-----------------------------------------------------------------)

好了,下面是修改top图片的方法,

进入 选项->Configure    ,在CSS定制窗口中



把下面这段代码复制粘贴上去,然后把我红框处标的这段代码,换成你要摆在TOP上的图片的地址
然后保存就可以了,图片大小要控制好,不然会很难看

 

#top 
{
BACKGROUND-POSITION
: right 50%; BACKGROUND-IMAGE: url(http://botu.bokee.com/photodata/2006-8-13/011/244/811/2809244/2809244.jpg); VERTICAL-ALIGN: middle; HEIGHT: 90px; BACKGROUND-COLOR: #20375f
}


(-------------------------------------------无敌分割线-----------------------------------------------------------------)

呵呵,很多博客上,哦还有qq空间上都有什么下雨啊,飘树叶之类的效果。我们当然也可以

这类效果其实都是在首页上加了一个透明的flash。

进入 选项->Configure    ,在页首Html代码定制窗口中




把下面这段代码copy上,然后把红框处的flash换成你喜欢的透明flash的地址,然后保存就好了。

<DIV><EMBED style="LEFT: -70px; POSITION: absolute; TOP: 0px" align=left src=http://699.ik8.com/flash/2222/k688_51.swf width=1000 height=1000 type=application/x-shockwave-flash ; quality="high" wmode="transparent"></EMBED></DIV>



(-------------------------------------------无敌分割线-----------------------------------------------------------------)

备注:
其实你也可以在公告栏上加入一个音乐flash播放器,这样你的博客就和QQ空间的那种效果差不多了。而且绝对比QQ空间要快得多。

posted @ 2006-08-22 12:48  祥宇  阅读(411)  评论(10编辑  收藏  举报