Saturday, November 6, 2010

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)




完成!

No comments:

Post a Comment