Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Wednesday, July 27, 2016

Bạn nào đang dùng sense blogger template mà Tuấn đã share nếu muốn thêm  Recent Posts hay gọi là các bài viết mới nhất vào cuối bài đăng trong blog. Áp dụng phương pháp này giúp người đọc tiếp cận bài mới nhanh hơn hơn nữa không phải thêm widget.


Đầu tiên các bạn đăng nhập vào blog chuyển đến phần Mẫu chỉnh sửa HTML nhấn tổ hợp phím Ctrl+F tìm đoạn mã <data:post.body/> và thêm đoạn code vào dưới thẻ </span> như hình


<p class='title title-medium'>
 <h2><span>Tin mới đăng</span></h2>
</p>                                                    
<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 #fff;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#0078d7;text-decoration:underline}li.recent-posts a:hover{color:#0078d7;text-decoration:underline}
</style>
<ul id='recent-posts'/>
<script>
//<![CDATA[
var homePage = "https://blogthuthuatwin10.blogspot.com/",
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> 

Thay link Blog màu đỏ bằng link blog của bạn rồi lưu template lại

Để thu nhỏ kích thước dòng tiêu đề Tin mới đăng tìm dòng /* heading */ và sửa thành h2{font-size:120% là xong.

0 comments:

Post a Comment

Popular Posts