Recent comments cho bài viết với Icon đại diện

Như các bạn đã biết thủ thuật recent comments của Anhvo là thủ thuật hiện thị comment mới nhất cho blog với việc hiển thị icon. Và mình đã mở rộng thêm tiện ích này cho bài viết, đó là add thêm icon cho Admin.

Hình ảnh minh họa

Và đây sẽ là code chính của thủ thuật : ( tạo một widget HTML/Javascript và dán code bên dưới vào )

<script type="text/javascript">
var cm_mode = "icon";
var cm_num = 5;
var cm_desc = 70;
var postID = "1262266524725959138";
var homepage = "http://fandung.blogspot.com";

var cm_icon = new Array();
cm_icon['blogger'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/blogger.gif";
cm_icon['admin'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/admin.gif";
cm_icon['openid'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/openid.gif";
cm_icon['livej'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/lj.gif";
cm_icon['wp'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/wp.gif";
cm_icon['typekey'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/typkey.gif";
cm_icon['aim'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/aim.gif";
cm_icon['anon'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/anon.gif";
</script>
<script src="http://data.fandung.com/blog/demo/rc-icon-ADMIN/RC-adminicon-4post.js" type="text/javascript"></script>

- Thay đổi lại các thông số cho phù hợp với blog của bạn.

- 1 Điều hạn chế ở thủ thuật này là 1 file javascript chỉ dùng được cho 1 người, tức là trước khi muốn hiển thị được thủ thuật này thì bạn phải download file javascript về và chỉnh sửa 1 chút. khi đã chỉnh sửa lại rồi thì ta up load lên host để dùng.

- Và bên dưới là 2 file javascript dùng cho thủ thuật :

* recent comments cho bài viết thì bạn dùng file này :

http://data.fandung.com/blog/demo/rc-icon-ADMIN/RC-adminicon-4post.js

* recent comment cho cả blog thì dùng file này :

http://data.fandung.com/blog/demo/rc-icon-ADMIN/RC-adminicon-4allpost.js

- Sau khi download 2 file này về, bạn dùng Notepad để mở nó ra, và tìm đọan code như bên dưới :

if(iconUrl != undefined) {
if(iconUrl.$t.match("04749296400753058357")) { iconT = cm_icon['admin'] ;}
else if(iconUrl.$t.match("blogger.com")) { iconT = cm_icon['blogger'] ;}
else if(iconUrl.$t.match("openid.net")) { iconT = cm_icon['openid'] ;}
else if(iconUrl.$t.match("livejournal.com")) { iconT = cm_icon['livej'] ;}
else if(iconUrl.$t.match("wordpress.com")) { iconT = cm_icon['wp'] ;}
else if(iconUrl.$t.match("typekey.com")) { iconT = cm_icon['typekey'] ;}
else if(iconUrl.$t.match("aol.com")) { iconT = cm_icon['aim'] ;}
else { iconT = cm_icon['anon'] ;}
} else { iconT = cm_icon['anon'] ;}

- các bạn sẽ thấy dãy số này 04749296400753058357. đây chính là ID profile của bạn. và nó có dạng như thế này:

Đây là trang profile của mình : http://www.blogger.com/profile/04749296400753058357

- Sau khi đã biết mã ID profile của bạn, hãy thay đổi lại trong code javascript, rồi save file javascript lại. Rồi up lên host. Sau đó ta thay vào trong code chính như bên dưới :

...
...
...
<script src="http://data.fandung.com/blog/demo/rc-icon-ADMIN/RC-adminicon-4post.js" type="text/javascript"></script>

*** Link file dự phòng : http://www.mediafire.com/?xdw443za16cf6ww

Chúc các bạn thành công.

Phan Dũng