Nhận xét mới của bài viết ngay tại trang chủ Blogger

Lâu rồi không có thủ thuật gì hot này share luôn cái này nhận xét mới nhất của bài viết hiện ở trang chủ. Thủ thuật này thì mình áp dụng lâu rồi, những quên bén mất và nay bỗng nhiên thấy em nó nên chia sẽ luôn cho nóng với bà con. Bạn có thể xem trực tiếp demo và test thủ thuật này tại template này tại trang này

http://kslcomputer.blogspot.com/

Đôi nét về cái thủ thuật này, đây là thủ thuật sử dụng Javascript. Hình thức là nó đọc JSON của comment vẫn sử dụng vòng lặp bình thường để lấy ra nhận xét và link nhận xét một cách bình thường như mấy thủ thuật "Bài viết mới nhất cho Blogger" hoặc những thủ thuật tương tự.

Nhận xét mới của bài viết ngay trang chủ Blogger

Chèn nhận xét mới nhất của bài viết ra trang chủ

Bắt đầu thêm nó vào Blogger thôi, đầu tiên bạn truy cập vào trang tổng quan của blog, và chỉnh sửa HTML template hiện tại. Sau đó chèn đoạn Javascript này lên trên thẻ ]]></b:skin>

.nx-moi li {width:46.717948717948715%;float: left;margin-left: 2.564102564102564%;overflow:hidden;height:95px;border-bottom: 1px dashed #ddd;margin-bottom: 17px;}
@media only screen and (max-width: 800px) {
    .nx-moi li {
        width: 100%;
    }
}

đây là đoạn css do mình viết nó có vẻ phù hợp với cái template hiện tại còn với của bạn thì mình không chắc nhé.

Rồi sau khi xong cái trên chèn tiếp tục đoạn này lên trên thẻ </head> nhé

<script type='text/javascript'>//<![CDATA[ 
//Recent Comments
function showrecentcomments(l){for(var f=0;f<5;f++){var h=l.feed.entry[f];var b;if(f==l.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){b=h.link[d].href;break}}b=b.replace("#","#");var m=b.split("#");m=m[0];var e=m.split("/");e=e[5];e=e.split(".html");e=e[0];var a=e.replace(/-/g," ");a=a.link(m);if("content" in h){var g=h.content.$t}else{if("summary" in h){var g=h.summary.$t}else{var g=""}}var j=/<\S[^>]*>>/g;g=g.replace(j,"");if(f==0){document.write("<li>")}else{document.write("<li>")}document.write('<div class="com-auth"><img width="50" height="50" src="'+h.author[0].gd$image.src+'"/></div><a href="'+b+'" rel="nofollow"><b>'+h.author[0].name.$t+"</b></a> <i>nói:</i>");if(g.length<70){document.write('<p style="font-size:14px;">'+g+' <a href="'+b+'" rel="nofollow"><b>xem</b></a></p>')}else{g=g.substring(0,70);var c=g.lastIndexOf(" ");g=g.substring(0,c);document.write('<p style="font-size:14px;">'+g+'... <a href="'+b+'"><b>xem</b></a></p>')}}document.write("</li>")};
//]]></script>

đây chính là đoạn Javascript mình dùng để lấy nhận xét ra, tương đối dễ hiểu nếu bạn nào biết chút về việc sử dụng Javascript để đọc JSON.

Cuối cùng bạn chèn đoạn mã này vào nơi mà bạn muốn xuất hiện ở trang chủ, ví dụ đoạn thông dụng ở chân trang bài viết

<div class='post-footer-line post-footer-line-1'>

chèn xuống dưới đoạn trên đoạn này

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class="nx-moi"> 
<script>document.write(&quot;&lt;script src=\&quot;/feeds/<data:post.id/>/comments/default?max-results=4&amp;amp;alt=json-in-script&amp;amp;callback=showrecentcomments\&quot;&gt;&lt;\/script&gt;&quot;);</script>
</div> 
</b:if>

lâu lại là hoàn tất, kiểm thử và có lỗi thì report nhanh với mình ở đây nhé.

Nguồn KslZon.Net

http://www.kslzone.net/

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..