怎样让自己的blog酷起来?

原创 2004年10月26日 16:55:00

  怎样让自己的blog酷起来?
                                                俺自己写的
    玩了几天CSDN的blog,发现不少人的blog都能在提供的框架的基础上搞出一些比较有个性的东西,比如说来个天气预报啦,个性的鼠标跟随时钟啦,甚至有的还带有音乐,当初以为是别人的级别高,所以人家才有,后来看了一些网友写的东东,我突然发现我也是可以定制自己的blog界面的,现将体会心得与各位分享。<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

定制blog界面主要是能够找到发挥的空间,否则有再大的才能也是无用。

第一步:你要用自己的帐号登录blog管理界面,点击“选项”选项卡。

第二步:点击“配置”,进入配置界面。

第三步:拉住浏览器右侧的滚动条向下(反正在我的这个分辨率下需要往下拉),有没有看见一个“静态新闻/声明”,这个就是我们需要寻找的地方,也就是能够给我们发挥空间的地方。我们可以在这里写自己的代码,可以写HTML代码还有JavaScript代码,其他的没有试验过,估计也是可以的,大家可以试验一下,共同进步吗。

说多了无用,举个例子大家就知道怎么用了:

1.播放背景音乐:

我需要在我的blog上放一点背景音乐,可不可以?OK,当然可以啊。

<bgsound src="http://www.xlbsc.com/music/3.mid" loop="-1">

只要在里面贴上这段代码就可以有音乐了,红色的部分大家可以自己换,保存一下是不是可以听见音乐了?

另外,大家可以在这里写一个随机函数,这样每次进入页面的时候可能会播放不同的效果,其实下面的都可以这样,看大家的创造了。

2.带有鼠标跟随时钟的效果

我只给大家贴代码了,我也是从别人哪里拷贝过来的

<SCRIPT language=javascript>

dCol='cc0000';//date colour.

fCol='0099ff';//face colour.

sCol='ff0000';//seconds colour.

mCol='0099ff';//minutes colour.

hCol='0099ff';//hours colour.

ClockHeight=40;

ClockWidth=40;

ClockFromMouseY=0;

ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");

m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");

date=new Date();

day=date.getDate();

year=date.getYear();

if (year < 2000) year=year+1900;

TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;

D=TodaysDate.split('');

H='...';

H=H.split('');

M='....';

M=M.split('');

S='.....';

S=S.split('');

Face='1 2 3 4 5 6 7 8 9 10 11 12';

font='tahoma';

size=1;

speed=0.6;

ns=(document.layers);

ie=(document.all);

Face=Face.split(' ');

n=Face.length;

a=size*10;

ymouse=0;

xmouse=0;

scrll=0;

props="<font face="+font+" size="+size+" color="+fCol+">";

props2="<font face="+font+" size="+size+" color="+dCol+">";

Split=360/n;

Dsplit=360/D.length;

HandHeight=ClockHeight/4.5

HandWidth=ClockWidth/4.5

HandY=-7;

HandX=-2.5;

scrll=0;

step=0.06;

currStep=0;

y=new Array();x=new Array();Y=new Array();X=new Array();

for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){

for (i=0; i < D.length; i++)

document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');

for (i=0; i < n; i++)

document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');

for (i=0; i < S.length; i++)

document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center>'+S[i]+'</center></font></layer>');

for (i=0; i < M.length; i++)

document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center>'+M[i]+'</center></font></layer>');

for (i=0; i < H.length; i++)

document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center>'+H[i]+'</center></font></layer>');

}

if (ie){

document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < D.length; i++)

document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</font></div>');

document.write('</div></div>');

document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</font></div>');

document.write('</div></div>');

document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++)

document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center">'+H[i]+'</div>');

document.write('</div></div>');

document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++)

document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center">'+M[i]+'</div>');

document.write('</div></div>')

document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++)

document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center">'+S[i]+'</div>');

document.write('</div></div>')

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;

}

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){

Od.style.top=window.document.body.scrollTop;

Of.style.top=window.document.body.scrollTop;

Oh.style.top=window.document.body.scrollTop;

Om.style.top=window.document.body.scrollTop;

Os.style.top=window.document.body.scrollTop;

}

for (i=0; i < n; i++){

var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;

F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

}

for (i=0; i < H.length; i++){

var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

}

for (i=0; i < M.length; i++){

var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

}

for (i=0; i < S.length; i++){

var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

}

for (i=0; i < D.length; i++){

var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

}

currStep-=step;

}

function Delay(){

scrll=(ns)?window.pageYOffset:0;

Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i < D.length; i++){

Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (i=1; i < n; i++){

y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}

ClockAndAssign();

setTimeout('Delay()',20);

}

if (ns||ie)window.onload=Delay;

</SCRIPT>

3.天气预报

贴上下面的代码

<IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%C9%CF%BA%A3" frameBorder=0 width=157 scrolling=no height=250></IFRAME>

 

好了,我的任务完成了,我只是起到一个抛砖引玉的作用,大家一定比我厉害,大家有了新的发现也要与我分享哦。

怎样让自己的blog酷起来?[转]

怎样让自己的blog酷起来?by bluemagic                                                俺自己写的    玩了几天CSDN的blog,发现不...
  • cqulzh
  • cqulzh
  • 2004年11月30日 12:40
  • 606

让自己在工作上成熟起来的十大箴言

1.买个闹钟,以便按时叫醒你。贪睡和不守时,都将成为你工作和事业上的绊脚石。不仅要学会准时,更要学会提前。“闹钟”只是一种简单的标志和提示,真正灵活、实用的时间,掌握在每个人的心中2.如果你不喜欢现在...
  • zhaojunxingxing
  • zhaojunxingxing
  • 2009年12月21日 15:03
  • 337

配置Eclipse炫酷黑

转载:修改Eclipse为黑色主题 今天花了一会儿设置了eclipse的背景。先上图。 主要通过插件来实现。 1. Eclipse Color Scheme ...
  • Sum_ck
  • Sum_ck
  • 2014年08月30日 01:19
  • 1499

让自己幸福起来

感恩存有一颗感恩的心,我们的生命才会如此的温暖。对于我们的亲人,朋友,所有知道你的名子的人,他们每时每刻都在关心你。对于他们的关心,所以请您也要每时每刻想念他们。 宽容对于突如其来的疾病,我们会措手不...
  • floweryyear
  • floweryyear
  • 2008年10月10日 13:00
  • 173

让自己规律起来

生活规律
  • wclxyn
  • wclxyn
  • 2014年01月24日 09:33
  • 2083

酷Q机器人全自动聊天回复、管理Q群

这款软件是非常轻便好用的,现在用这个机器人软件的应该比较多。 软件可以自动打理群,自动回复信息(无论是私聊信息还是QQ群信息) 软件占内存很小,但功能很足,可以安装各种功能实现各种想要...
  • muyeseocom
  • muyeseocom
  • 2017年10月30日 09:19
  • 410

怎么让自己爱上编程啊

我的编程也太菜了,编那么短短的几行就错误那么多,很强烈的危机感,拿什么去拯救自己啊,好多好多的问题..继续的探询编程之路...。不能对不起自己的专业...。 ...
  • linjing1985
  • linjing1985
  • 2007年12月05日 23:02
  • 540

怎样让自己的心变得强大起来?

世界上有这么一种人,似乎特别得到老天爷的偏爱——他总是有自己的理想,并且总是努力去做,最重要的是,老天爷每一次都会帮他取得成功。 是不是很令人羡慕?其实,我一直以为,与其说每个人有自己的命盘,人生各...
  • Ralfkaka
  • Ralfkaka
  • 2013年08月26日 11:29
  • 394

成佩涛-站酷(ZCOOL) 刷评论漏洞

直接上图和链接吧! http://www.zcool.com.cn/article/ZMTE0NDIw.html#
  • CPTcpt123
  • CPTcpt123
  • 2014年10月06日 14:54
  • 711

站长们如何做好自己网站的安全措施?

近来我们有一个新的客户,他的网站是一个非常粗糙的网站。他创建了自己的站点,虽然所有的管理他都成功了,但是他忽略了一些安全问题,横空出世的安全问题对网站来说是致命的。一个早上他醒来后,发现他的网站已经遭...
  • idcvendor
  • idcvendor
  • 2011年11月19日 14:46
  • 342
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:怎样让自己的blog酷起来?
举报原因:
原因补充:

(最多只允许输入30个字)