Recent Post Widget đơn giản nhất!


Recent Post Widget là khung chứa bài viết mới nhất trên Blog. Với thủ thuật này bạn sẽ tạo ra một khung Recent Post đơn giản nhất, rất thích hợp cho các Template không cần cầu kì và giúp cải thiện tốc độ tải trang nhiều lần. Ngoài ra bạn có thể nhúng thêm các bài viết khác vào Blog của mình.

#Hướng dẫn thêm Widget
Vào Bố cục ---> Thêm tiện ích ---> HTML/Javascript như hình dưới đây:

Click vào Bố cục ở cột trái

Chọn 4 vị trí để đặt Widget
Click vào "+" góc trái để chèn vào.
Xem thêm các thủ thuật hay tại đây.
Sau khi xuất hiện khung HTML hãy dán đoạn code dưới này vào:

 
<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "URL",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='
<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>
'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
 


Chúc các bạn thành công!
Hãy ghé thăm Kelvin Dương's Blog để cập nhật nhiều thủ thuật hay nhé!

Mong muốn chia sẻ những hiểu biết cũng như kinh nghiệm của bản thân đến với mọi người
Luôn hướng đến sự chuyên nghiệp và hoàn hảo

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN

Previous
Next Post »

Một số lưu ý khi bình luận

Mọi bình luận chứa Liên kết (link) - Quảng cáo sẽ bị XÓA

Đánh dấu Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi Admin trả lời