HTML教程: February 2010

要怎样在部落格加入Recent Comment这项widget
有两个方法
Method 1：

首先，
按Add a Gadget，
然后按HTML/JavaScript,
把以下这段放入

<script style="text/javascript">

function showrecentcomments(json) {

var numcomments = 5;
var showcommentdate = true;
var showposttitle = true;
var numchars = 50;

for (var i = 0; i < numcomments; i++) {

var entry = json.feed.entry[i];

var alturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

alturl = alturl.replace("#", "#comment-");

var postlink = alturl.split("#");

postlink = postlink[0];

var linktext = postlink.split("/");

linktext = linktext[5];

linktext = linktext.split(".html");

linktext = linktext[0];

var posttitle = linktext.replace(/-/g," ");

posttitle = posttitle.link(postlink);

var commentdate = entry.published.$t;

var cdyear = commentdate.substring(0,4);

var cdmonth = commentdate.substring(5,7);

var cdday = commentdate.substring(8,10);

var monthnames = new Array();

monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {

var comment = entry.content.$t;}

else

if ("summary" in entry) {

var comment = entry.summary.$t;}

else var comment = "";

var re = /<\S[^>]*>/g;

comment = comment.replace(re, "");

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

if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');

document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');

if (showposttitle == true) document.write(' on ' + posttitle);

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

if (comment.length < numchars) {

document.write('<i>');

document.write(comment);

document.write('</i>');}

else

{

document.write('<i>');

comment = comment.substring(0, numchars);

var quoteEnd = comment.lastIndexOf(" ");

comment = comment.substring(0, quoteEnd);

document.write(comment + '...<a href="' + alturl + '">(more)</a>');

document.write('</i>');}

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

}

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

}

</script>

<script src="http://url.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

红色的字可以改的

var numcomments = 5;

var numcomments 的意思是显示的评论数量

var numchars = 50;

var numchars 的意思是在评论里显示的字数量

monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

你也可以把上面的monthnames改掉，
Exp：Jan - 一月

最后一定要记得，把

http://url.blogspot.com/

改成你自己的部落格
如果不改，那出现的只是url.blogspot.com 的recent comment

Method 2：
按Add a Gadget，
按Feed（供稿）

http://url.blogspot.com/feeds/comments/full

把以上放入Feed URL（供稿地址）
记得，把http://url.blogspot.com/ 改成你部落格的地址

下面有两张载图
中文（供稿）

English（Feed）

过后按Continue，
下面的载图
它有5 items
意思就是显示出来的recent comments
最多只能显示5个
item dates - 评论发表的日期
item sources/authors - 发表评论的作者
open links in new window - 打开链接时，开一个新的窗口

最后，按done（完成）

=end=
Easy???
^^

Q：What is Marquee?
A：跑马灯

从右到左

从左到右

左右交替

从下到上

从上到下

上下交替

TEXT

TEXT

参数	用法
behavior=scroll, slide, alternate	跑马方式：循环绕行，跑一次就停，交替
direction=left,right	跑马方向：从左到右，从右到左
loop=100	跑马次数：循环100次，如不写默认为一直循环
width=100%,height=200	跑马范围：宽为100%，高为200像素
scrollamount=20	跑马速度：数目越大越快
bgcolor=#00FFCC	跑马区域：背景颜色