Có rất nhiều kiểu hiển thị bài viết mới theo từng nhãn blogspot hoặc hiển thị bài viết mới nhất cho blogspot ngoài trang chủ, hôm nay mình chỉ up lên đây cho anh em nào cần thì dùng cho việc edit template blogspot hoặc thiết kế blogspot theo ý mình.
Cách làm:
Đăng nhập => Bố cục => Thêm tiện ích Javacript/HTML => Paste đoạn code sau vào:
Tags:
 |
| Demo thủ thuật |
Đăng nhập => Bố cục => Thêm tiện ích Javacript/HTML => Paste đoạn code sau vào:
<style>
.box2{margin-top:10px; overflow:hidden; }
.box2-left{width:300px; float:left; padding:5px}
.box2-left a{font-weight:bold;}
.box2-left img{border: 1px solid #E9E9E9;
border-radius: 3px 3px 3px 3px;
padding: 4px;
margin-right: 5px;
height: 200px;
width: 300px;
float: left;}
.box2-right{padding: 4px;
height: 90px;
font-size: 14px;
font-weight: 700;
color: #666666;
float: right;
line-height: 15px;
text-decoration: none;
background: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
width: 350px;}
.box2-right a {
color: #737373;
font-size: 12px;
font-family: verdana;
}
.box2-right img {float: left;width: 100px;
height: 70px;
border: 1px solid #E9E9E9;
border-radius: 3px 3px 3px 3px;
padding: 4px;}
.box1-left-info, .box2-left-info{ text-align:justify;}
.menu-rp-share123vn{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxCX6gGgDGMm5fFWFzBUwxZoqRx7zIVKT1EFbYCiwFo_LpTX4i5rt6c-EqljHnuqxqMvFFjG8gw9h8_EJqSvH6gSfbfx5yvCnNrkVsy7FjMjb1M9Lo7HTcdJ9IMCGYFppM9TRuqHFHJY/s1600/hbg.png) repeat-x center bottom;
border-bottom: 1px solid #D7D7D7;
line-height: 32px;
padding-left: 10px;
font-family: times;
font-weight: 700;
font-size: 15px;
text-shadow: none;
color: #b20303;
margin: 0;
padding: 5px 15px 1px;}
.menu-rp-share123vn a {
color: #737373;
font-size: 14px;
font-family: verdana;
padding-left: 10px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
imgr=["https://lh3.googleusercontent.com/-IBkOgk0LW6c/TqulPrgd6RI/AAAAAAAAAmg/VHnAiJCR4jc/s800/no_img.jpg"];aBold=showRandomImg=!0;summaryPost=70;summaryTitle=25;numposts=7;
function box1(i){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0;img=[];maxpost=numposts<=i.feed.entry.length?numposts:i.feed.entry.length;for(var g=0;g<maxpost;g++){var e=i.feed.entry[g],l=e.title.$t,h;if(g==i.feed.entry.length)break;for(var f=0;f<e.link.length;f++)if("alternate"==e.link[f].rel){h=e.link[f].href;break}for(f=0;f<e.link.length;f++)if("replies"==e.link[f].rel&&"text/html"==e.link[f].type){e.link[f].title.split(" ");break}f="content"in e?e.content.$t:"summary"in
e?e.summary.$t:"";postdate=e.published.$t;j>imgr.length-1&&(j=0);img[g]=imgr[j];s=f;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(img[g]=d);e=[1,2,3,4,5,6,7];postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];postdate.split("-");for(var k=0;k<e.length&&!(parseInt(m)==e[k]);k++);0==g&&(e='<div class="box1-left"><a href="'+h+'" title="'+removeHtmlTag(f,200)+'"><img src="'+img[g]+'"/></a><h2><a href="'+
h+'">'+l+'</a></h2><div class="box1-left-info">'+removeHtmlTag(f,160)+"...</div></div>",document.write(e));1<=g&&32>=g&&(e='<div class="box1-right"><a href="'+h+'" title="'+removeHtmlTag(f,200)+'"><img src="'+img[g]+'"/></a><a href="'+h+'">'+l+"</a></div>",document.write(e));j++}document.write("")}
function box2(i){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0;img=[];maxpost=numposts<=i.feed.entry.length?numposts:i.feed.entry.length;for(var g=0;g<maxpost;g++){var e=i.feed.entry[g],l=e.title.$t,h;if(g==i.feed.entry.length)break;for(var f=0;f<e.link.length;f++)if("alternate"==e.link[f].rel){h=e.link[f].href;break}for(f=0;f<e.link.length;f++)if("replies"==e.link[f].rel&&"text/html"==e.link[f].type){e.link[f].title.split(" ");break}f="content"in e?e.content.$t:"summary"in
e?e.summary.$t:"";postdate=e.published.$t;j>imgr.length-1&&(j=0);img[g]=imgr[j];s=f;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(img[g]=d);e=[1,2,3,4,5,6,7];postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];postdate.split("-");for(var k=0;k<e.length&&!(parseInt(m)==e[k]);k++);0==g&&(e='<div class="box2-left"><a href="'+h+'" title="'+removeHtmlTag(f,200)+'"><img src="'+img[g]+'"/></a><a href="'+
h+'">'+l+'</a><div class="box2-left-info">'+removeHtmlTag(f,160)+"...</div></div>",document.write(e));1<=g&&32>=g&&(e='<div class="box2-right"><img src="'+img[g]+'"/></a><a href="'+h+'" title="'+removeHtmlTag(f,200)+'"><a href="'+h+'">'+l+"</a></div>",
document.write(e));j++}document.write("")};
//]]>
</script>
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 160;
img_thumb_height = 85;
img_thumb_width = 124;
</script>
<div class='box2'>
<ul class='menu-rp-share123vn'>
<li><a href='/search/label/Khoa%20học'>Truyện ngắn</a></li>
</ul>
<script src='/feeds/posts/default?max-results=4&orderby=published&alt=json-in-script&callback=box2'/>
<div style='clear:both;'/>
</div>
Lưu ý khi sửa template blogspot, các bạn paste code như hiện tại thì sẽ hiển thị bài viết mới nhất của blog còn bạn nào muốn hiển thị theo từng nhãn trong blog thì chỉ việc sửa đoạn java màu đỏ thành đoạn code như bên dưới là được.
<script src='/feeds/posts/default/-/nhãn của bạn?max-results=4&orderby=published&alt=json-in-script&callback=box2'/>
Share123.vn Chúc các bạn thành công
đang cần làm cái này, cám ơn bạn ^^
Trả lờiXóaXem dự án Vinhomes Tân Cảng lớn nhất Việt Nam Căn hộ Central Park | Can ho Central Park