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é!

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN

Previous
Next Post »

- Vui lòng gõ Tiếng Việt có dấu.
- Không SPAM LINK - QUẢNG CÁO.

Emoticon