Theo yêu cầu của bạn Khánh Trắng , hôm nay mình sẽ mở rộng thêm cho tiện ích recent comments. 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. Các bạn có thể xem lại ở đây. Ở thủ thuật này mình sẽ add thêm icon choAdmin.
Xem demo ở đây : DEMO
Hình ảnh minh họa :
Ở đây mình sẽ không giới thiệu lại, bạn không rõ thì hãy xem lại ở thủ thuật trước.
Và đây sẽ là code chính của thủ thuật :
01 | <script type="text/javascript"> |
02 | var cm_mode = "icon"; |
03 | var cm_num = 5; |
04 | var cm_desc = 70; |
05 | var postID = "1262266524725959138"; |
06 | var homepage = "http://fandung.blogspot.com"; |
07 |
08 | var cm_icon = new Array(); |
09 | cm_icon['blogger'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/blogger.gif"; |
10 | cm_icon['admin'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/admin.gif"; |
11 | cm_icon['openid'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/openid.gif"; |
12 | cm_icon['livej'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/lj.gif"; |
13 | cm_icon['wp'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/wp.gif"; |
14 | cm_icon['typekey'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/typkey.gif"; |
15 | cm_icon['aim'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/aim.gif"; |
16 | cm_icon['anon'] = "http://data.fandung.com/blog/demo/rc-icon-ADMIN/img/anon.gif"; |
17 | </script> |
18 | <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 :
1 | * recent comments cho bài viết thì bạn dùng file này : |
2 |
4 |
5 | * recent comment cho cả blog thì dùng file này : |
6 |
- 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 :
01 | if(iconUrl != undefined) { |
02 | if(iconUrl.$t.match("04749296400753058357")) { iconT = cm_icon['admin'] ;} |
03 | else if(iconUrl.$t.match("blogger.com")) { iconT = cm_icon['blogger'] ;} |
04 | else if(iconUrl.$t.match("openid.net")) { iconT = cm_icon['openid'] ;} |
05 | else if(iconUrl.$t.match("livejournal.com")) { iconT = cm_icon['livej'] ;} |
06 | else if(iconUrl.$t.match("wordpress.com")) { iconT = cm_icon['wp'] ;} |
07 | else if(iconUrl.$t.match("typekey.com")) { iconT = cm_icon['typekey'] ;} |
08 | else if(iconUrl.$t.match("aol.com")) { iconT = cm_icon['aim'] ;} |
09 | else { iconT = cm_icon['anon'] ;} |
10 | } 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 :
1 | ... |
2 | ... |
3 | ... |
4 | <script src="http://data.fandung.com/blog/demo/rc-icon-ADMIN/RC-adminicon-4post.js" type="text/javascript"></script> |
Chúc các bạn thành công
Nguồn: http://mothuthuat.com
0 nhận xét:
Đăng nhận xét