• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tiện ích Nhận xét mới nhất sử dụng JSON

15
12/03/2011

Mới đấy mà đã qua một tuần đi công tác, không có thời gian cũng như điều kiện ở nơi công tác để có thể viết bài cho blog, nên dường như blog ngày trở về sau chuyến công tác trở nên vắng lặng khác thường. Song ở đâu đấy hẳn có nhiều người mong đợi mình trở về để tiếp tục chia sẻ những thủ thuật mới về blogspot.

Thôi thì trong lúc làm quen lại với thời tiết sau chuyến đi thay đổi độ cao, xin giới thiệu với mọi người về một tiện ích rất đỗi quen thuộc, đó là tiện ích Nhận xét mới nhất (Listed Recent Comments Widget). Song ở đây bài viết sẽ giới thiệu rõ hơn về cấu trúc JSON và tiện ích này có một đặc tính nổi bật là khi rê trỏ vào tiêu đề nhận xét, sẽ hiển thị tác giả nhận xét đó.

Bạn có thể xem Demo dưới đây.


Nhận xét mới nhất


Để cài đặt tiện ích này, bạn chỉ việc Đăng nhập Blogger, vào Page Elements và đặt toàn bộ đoạn code dưới đây vào một tiện ích HTML.

<style type="text/css">
ul#recent-com-ha li {list-style-type: decimal;/* thay decimal bằng none nếu không muốn list dạng số thứ tự */}
</style>
<script type='text/javascript'>
//<![CDATA[
// Listed Recent Comments Widget by www.huynh-nhat-ha.blogspot.com
var commax = 10; // xác định số nhận xét được hiển thị
var comlength = 60; // xác định độ dài tối đa của tiêu đề nhận xét

function showrecentcomments(json) {
var entry, comurl, comcontent, output;

// lệnh để đọc nhận xét
for (var i=0;i<commax;i++) {
// đọc và giữ dữ liệu
entry = json.feed.entry[i];
// nếu không đủ dữ liệu thì kết thúc
if (i==json.feed.entry.length)break;

// tìm URL của nhận xét
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
comurl=entry.link[k].href;
break;
}
}
// địa chỉ nhận xét như thế này:
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#12345678901234567890
// được điều chỉnh lại để tương thích trên Blogger
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#comment-12345678901234567890
comurl=comurl.replace("#","#comment-");

// tìm nội dung nhận xét
if ("content" in entry){
comcontent = entry.content.$t;
} else if("summary" in entry) {
comcontent = entry.summary.$t;
} else {
comcontent = "";
}
// chuyển đổi nó thành văn bản thuần túy, nếu cần thì cắt gọn không vượt độ dài tối đa
var re=/<\S[^>]*>/g;
comcontent=comcontent.replace(re,"");
if (comcontent.length>comlength) {
comcontent = comcontent.substring(0,comlength) + " …";
}

// có đủ dữ liệu và hiển thị kết quả dựa trên cấu trúc HTML
output = "<li>";
output += "<a target='_blank' rel='nofollow' title= '"+ entry.author[0].name.$t + "' href='" + comurl + "'>" + comcontent +"</a>";
output += "</li>";

// viết dữ liệu
document.write(output);

}
}
//]]>
</script>
<ul id="recent-com-ha">
<script src="http://huynh-nhat-ha.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>

Bạn nhớ thay huynh-nhat-ha bằng tên blogspot của bạn.

Dựa vào các phần chú thích trong script ở trên, hy vọng bạn sẽ hiểu rõ thêm về JSON được sử dụng nhiều cho các thủ thuật Blogger.

{15 bình luậnAdd yours ?}

17:23:00, 12 thg 3, 2011

Mừng anh trở lại :51)

Reply
22:03:00, 12 thg 3, 2011

vắng lặng vì bác ko có nhà. Giờ thì chuẩn bị đông vui rồi bác nhỉ :51)

Reply
07:47:00, 13 thg 3, 2011

chúc bạn cuối tuần vui vẻ:63)

Reply
09:47:00, 13 thg 3, 2011

Bác Hà về rồi sao vẫn im hơi lặng tiếng thế nhỉ :73)

Reply
21:49:00, 13 thg 3, 2011

Bạn có thể chỉ mình cách làm khung chứa liên kết bạn bè giống hay tương tự cái của bạn đc hem :74)

Reply
15:05:00, 14 thg 3, 2011

VT chờ tí nhé, định thêm cái hiệu ứng cho nó rồi giới thiệu luôn 1 thể. :54)

Reply
00:51:00, 15 thg 3, 2011

Chào Hà!

Mình đang thiết kế trang web trên blogger. com. Mình thấy Hà giỏi thủ thuật blog quá nên nhờ Hà làm giúp trang web kiểu như thế này:

http://www.freshthemes.com/demo/gadget/

===> Hiện tại template blogger cũng có ai đó convert qua rồi :http://whitemagz-theme.blogspot.com/
Nhưng không giống kiểu ban đầu, mình nhờ Hà giúp đỡ để giống mẩu ban đầu (thêm title và more>>)

Mẫu temple xem tại đây:

http://blog.distorsi.net/2010/10/white-magz-blogger-template-with.html

Rất cám ơn Hà, mọi chi tiết có thể liên hệ email: tranvan585@gmail.com

Cám ơn Hà, mong hồi âm!

Reply
05:34:00, 15 thg 3, 2011

Anh Hà ơi, bây giờ em không muốn sử dụng trang comment của Disqus nữa, em muốn đưa nó về hệ thống comment mặc định của blogger thì em phải làm sao?
http://www.nguontrithuc.tk

Reply
09:31:00, 18 thg 3, 2011

Thì chỉ cần vào Page Elements, trên sidebar kéo xuống dưới cùng thấy tiện ích Disqus Comment rồi Remove nó đi là OK mà.
:74)

Reply
20:14:00, 18 thg 3, 2011

Em xóa nó đi rồi nhưng cái comment mặc định của blogger cũng mất tiêu luôn anh!

Reply
21:54:00, 19 thg 3, 2011

Anh Hà ơi, em đã xóa hết hệ thống comment disqus trên blog cũng như tài khoản disqus của em, không hiểu sao bây giờ comment mặc định của blogger mất luôn rồi, anh chỉ em cách khắc phục với!

Reply
22:39:00, 19 thg 3, 2011

Mới nghe nới là a biết ngay bệnh rồi. Tại e xóa k hết chi. Tìm đến tuện ích có id là HTML5 xóa hết đoạn code trong đó:

<style type='text/css'>
#comments {display:none;}
</style>
<style type='text/css'>
.post-comment-link { visibility: hidden; }
</style>

Chính dòng #comments {display:none;} đã ẩn đi phần nhận xét đấy em. :54)

Reply
06:39:00, 20 thg 3, 2011

Oh! Thanks anh nhiều! :55)

Reply
23:55:00, 7 thg 5, 2011

bài này hay quá

Reply
22:27:00, 3 thg 10, 2016

có thể chỉ mình cách làm khung chứa liên kết bạn bè giống hay tương tự cái của bạn đc k

hiep dam

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn