在部落格添加Cbox

步骤一：
到这个网站：按这里！


步骤二：
注册帐号


如图：

步骤三：
注册完了
到你的email检查cbox是否有发一封Verify Message到你的信箱
verify之后就登入


步骤四：
可以去换你要的颜色和字体
然后copy那个code


如图：

步骤五：
到你的部落格
Design > Add a Gadget (你要摆放的位子) > Html/Java Script
然后把刚才copy的code paste进格子里就好了！


完成！

Calender

能够显示你曾写过的文章的Calender


步骤一：
Design > Add a gadget (你要摆放的位子) > Html/Java script


步骤二：
copy以下的code然后paste进格子里就好了！




<p><div id="blogCalendar"></div><script src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js" type="text/javascript"></script><br /> <script type="text/javascript"> Calendar.base="fanshuclass.blogspot.com"; Calendar.timeZone="+08:00"; Calendar.drawTable(); </script><br /> <style> #blogCalendar {text-align:center;border:0px;background: no-repeat ;margin:0px;font-family:Tempus Sans ITC;height:200px;line-height:14px;} #CalendarCaption a{color:purple;text-decoration:none;margin:auto;font-size:80%;} #CalendarCaption{width:80%;margin:auto;} #CalendarTable{height:123px;margin-top:2x;} #CalendarTable a{font-weight:bold;color: pink;} #CalendarTable table {width:auto;margin:auto;border: 0px;text-align:center;font-size:80%;padding-top:5px;} #CalendarTable table th{font-size:85%;} #CalendarTable table td{border:0px;} #CalendarTable a:link, #Calendar a:visited, #Calendar a:active{font-weight:bold;Text-decoration:underline;} #CalendarTable a:hover {text-decoration:none;} #CalendarMonth{font-size:90%;} .Today{text-decoration:none;color: red;} .Today a:visited, .Today a:link, .Today a:active, .Today a:hover {text-decoration:none;color: yellow;} #CalendarFooter{color:pink;font-size:80%;padding-top:18px;} #monthTable{background:pink;} .yearInput{background:yellow;} </style></p>

红色字须改为你部落格的连接(Link)




完成！

记录上次访客登陆的时间及日期

这个可以记录访客上一次登录你部落格的日期与时间


步骤一：
Design > Add a Gadget (你要摆放的位子) > Html/Java Script


步骤二：
copy以下的code放入格子里就好了





    <script type="text/javascript">

    var lastvisit=new Object()
    lastvisit.firstvisitmsg="这是你第一次光临本站" //Change first visit message here
    lastvisit.subsequentvisitmsg="欢迎回来，你上一次到来是在 <b>[displaydate]</b>" //Change subsequent visit message here

    lastvisit.getCookie=function(Name){ //get cookie value
    var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
    if (document.cookie.match(re)) //if cookie found
    return document.cookie.match(re)[0].split("=")[1] //return its value
    return ""
    }

    lastvisit.setCookie=function(name, value, days){ //set cookei value
    var expireDate = new Date()
    //set "expstring" to either future or past date, to set or delete cookie, respectively
    var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
    document.cookie = name+"="+value+" expires="+expireDate.toGMTString()+" path=/"
    }

    lastvisit.showmessage=function(){
    if (lastvisit.getCookie("visitcounter")==""){ //if first visit
    lastvisit.setCookie("visitcounter", 2, 730) //set "visitcounter" to 2 and for 730 days (2 years)
    document.write(lastvisit.firstvisitmsg)
    }
    else
    document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", new Date().toLocaleString()))
    }

    lastvisit.showmessage()

    </script>

完成！^^

在线人数

这个小挂件可以让你知道有几个人在你部落格逛！


步骤一：
到这个网站：按这里！


然后跟着图片指示

步骤二：
到你的部落格
Design > Add a Gadget (选最下方的) > Html/Java Script
把刚才copy的code paste进格子里，按save就好了！


^^

隐藏nav bar.

如图~

步骤一：
Design > Edit Html > 用Ctrl+F 找以下的code]]></b:skin>

步骤二：
在]]></b:skin>前添加以下的code

#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}

完成！

能移动的标题

步骤一：
到这个网站 >按这里！


步骤二：
进入网站后，跟着以下图片的指示

步骤三：
Design > Add gadget (选最下方的) >Html/Java Script
把刚才copy的code paste在格子里就好了


容易吧？ ^^

字跟着鼠标飘来飘去

步骤一：

Design > Add Gadget （选最下方的）>Html/Java Script

然后把以下的code paste进格子里

例子：

<script language="javascript">

var text='Fanshu Luv hong';

var delay=40;

var Xoff=0;

var Yoff=-30;

var txtw=14;

var beghtml='<font color="#8E35EF"><b>';

var endhtml='</b></font>';

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;

ie4 = (document.all && !document.getElementById)? true : false;

ie5 = (document.all && document.getElementById)? true : false;

ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;

var txtA=new Array();

text=text.split('');

var x1=0;

var y1=-1000;

var t='';

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

t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';

t+=beghtml+text[i-1]+endhtml;

t+=(ns4)? '</layer>' : '</div>';

}

document.write(t);

function moveid(id,x,y){

if(ns4)id.moveTo(x,y);

else{

id.style.left=x+'px';

id.style.top=y+'px';

}}

function animate(evt){

x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);

y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);

}

function getidleft(id){

if(ns4)return id.left;

else return parseInt(id.style.left);

}

function getidtop(id){

if(ns4)return id.top;

else return parseInt(id.style.top);

}

function getwindowwidth(){

if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;

else return window.innerWidth+pageXOffset;

}

function movetxts(){

for(i=text.length;i>1;i=i-1){

if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){

moveid(txtA[i-1],0,-1000);

moveid(txtA[i],0,-1000);

}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));

}

moveid(txtA[1],x1,y1);

}

window.onload=function(){

for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);

if(ns4)document.captureEvents(Event.MOUSEMOVE);

document.onmousemove=animate;

setInterval('movetxts()',delay);

}

</script>

红色字可改成你要的字

温馨提示：

用部落格所准备的 Design Template

不能有这样的效果哦！ ^^

完成！