Tiện ích nhận xét mới, Bài viết mới, Bài viết theo nhãn cho Blogger

Chi tiết Liên quan Nhận xét Tác giả Hướng dẫn

Xem toàn trang

Bài này chủ yếu là chia sẻ lại một số code thường hay sử dụng ở cột Sidebar vì hầu như bây giờ các thủ thuật về Blogger đã lỗi thời rất khó tìm kiếm...

Do vậy trong 1 bài viết mình sẽ chia sẻ code của 3 tiện ích thông dụng này nhé!

Các thủ thuật tiện ích cho Blogger bao gồm:

Nhận xét mới nhất gần đây cho Blogspot
Bài viết mới nhất cho blogspot
Bài viết theo nhãn cho Blogspot

- Các bạn chỉ cần tạo HTML/Javascript mới và dán vào nhé, CSS, HTML, Feeds đều nằm 1 chỗ nên không cần phải cài đặt dài dòng.

- Code này đã được tối ưu nên nhẹ nhàng, tải trang rất nhanh thích hợp để sử dụng trên blogger.

1. Nhận xét mới nhất cho blogger (không ảnh)

Nhận xét mới nhất cho blogger

<style>
.nxmoi{color:#ccc}.nxmoi li{margin:0;padding:10px;border-left:2px solid #ccc}.nxmoi li:before{margin-right:10px;content:"";width:12px;height:12px;display:block;border:3px solid #ccc;border-radius:50%;float:left;left:-5px;background:#fff}.nxmoi li:hover:before{background:#F48FB1}.nxmoi span a{color:#F48FB1;font-weight:600;transition:color .3s}.nxmoi span a:hover{color:#F48FB1;transition:color .3s}.nxmoi span{color:#000}
</style>
<script>//<![CDATA[
var sl_nhanxet = 5,
kt_nhanxet = 50;
// Recent Comment
function nhanxetmoi(json) {
var entry, commurl, commsum;
document.write('<ul class="nxmoi">');
for (var i = 0; i < sl_nhanxet; i++) {
entry = json.feed.entry[i];
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
commurl = entry.link[k].href;
break;
}
}
commsum = ("content" in entry) ? entry.content.$t : ("summary" in entry) ? entry.summary.$t : "";
commsum = commsum.replace(/<.*?>/g, "");
if (commsum.length > kt_nhanxet) commsum = commsum.substring(0, kt_nhanxet) + "...";
document.write('<li><span><a href="' + commurl + '" rel="nofollow">' + entry.author[0].name.$t + ':</a></span> <span>' + commsum + '</span></li>');
}
document.write('</ul>');
}
//]]></script>
<script src="/feeds/comments/summary?alt=json-in-script&callback=nhanxetmoi"></script>

Tùy chỉnh:
- số nhận xét muốn hiển thị, mặc định đang để là t comments.

var sl_nhanxet = 5,

2. Bài viết mới nhất cho Blogger

Bài viết mới cho Blogger

<style>ul.recent_posts_arlina li:hover,.PopularPosts ul li:hover{box-shadow:0 0 25px rgba(0,0,0,0.15)}ul.recent_posts_arlina li:last-child,.widget-content.list-label-widget-content ul li:last-child{border:0!important}.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 0 0 10px;overflow:hidden;position:relative;float:right}ul.recent_posts_arlina li img.recent_thumb{border:1px solid #ccc;box-shadow:0 0 2px #999;float:left;width:45px;height:45px;border-radius:50% 50% 6px 50%}.recent_posts_arlina{float:left;width:100%;margin:0;padding:0;font-size:.9rem}ul.recent_posts_arlina li a{font-family:segoe ui;margin-bottom:8px;font-weight:600;line-height:1.2;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-transform:capitalize;color:#000;font-size:15px}.item-meta:last-child{display:none}ul.recent_posts_arlina li a:last-child,.item-meta{float:right;text-transform:lowercase;font-family:segoe ui light;font-size:11px;color:#efefef;padding:2px 7px;border-radius:8px}.clearfix:hover ul.recent_posts_arlina li a:last-child,.item-meta:hover{background:#003fa5}ul.recent_posts_arlina li a:hover{color:#06c}.recent_posts_arlina i,.item-snippet{line-height:19px;font-size:90%}</style><script type='text/javascript'>
//<![CDATA[
// Bài viết mới nhất https://www.toilaquantri.com/2019/01/tien-ich-nhan-xet-moi-bai-viet-moi-bai-viet-theo-nhan-blogspot.html
function recentpost(t){document.write('<ul class="recent_posts_arlina">');for(var e=0;e<numposts;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var m=n.link[o].title,u=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),l=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6qZjqMuhUsXURsGDBozP6Bfq1fmSbl1ulIQwiRahvF4tzQVL8mxpORecXv3xBHXUuiMd-XOavRF5Msh8dcmcTE6B_uWIJVn3lwmgzimt8xj4o2G1yC090NdNZwQK0nPMSgBXlvbx/s45/InfoArlina.png"}var w=n.published.$t,f=w.substring(0,4),p=w.substring(5,7),g=w.substring(8,10),v=new Array;if(v[1]="01",v[2]="02",v[3]="03",v[4]="04",v[5]="05",v[6]="06",v[7]="07",v[8]="08",v[9]="09",v[10]="10",v[11]="11",v[12]="12",document.write('<li class="clearfix">'),1==showpostthumbnails&&document.write('<span class="wrapinfo"><img title="'+i+'" alt="'+i+'" class="recent_thumb" src="'+l+'"/></span>'),document.write('<a href="'+r+'" target ="_top" title="'+i+'">'+i+"</a>"),"content"in n)var y=n.content.$t;else if("summary"in n)var y=n.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write("<i>"),document.write(y),document.write("</i>");else{document.write("<i>"),y=y.substring(0,numchars);var _=y.lastIndexOf(" ");y=y.substring(0,_),document.write(y+"..."),document.write("</i>")}var x="",$=0;document.write(""),1==showpostdate&&(x=x+g+"/"+v[parseInt(p,10)]+"/"+f,$=1),1==showcommentnum&&(1==$&&(x+=""),"1"==m&&(m="1"),"0"==m&&(m="0"),m='<a href="'+u+'" target ="_top">'+m+"</a>",x+=m,$=1),1==displaymore&&(1==$&&(x+=""),x=x+'<a href="'+r+'" class="url" target ="_top">More -></a>',$=1),document.write(x),document.write("</li>"),1==displayseparator&&e!=numposts-1&&document.write("<hr size=0.5>")}document.write("</ul>")}
//]]>
</script>
<script style='text/javascript'>
var numposts=10,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=1,showpostdate=1,showpostsummary=!1,numchars=62;
</script>
<script src='/feeds/posts/summary?orderby=published&alt=json-in-script&callback=recentpost'></script>

Tùy chỉnh:

- số bài viết muốn hiển thị

numposts=10 // mặc định là 10 bài viết

- số kí tự trong mô tả

numchars=62; // mặc định hiển thị 62 kí tự

- các thông số khác hiển thị và không hiển thị

showpostthumbnails=!0, (Hiển thị ảnh thumbnails)
displaymore=!1, (Không hiển thị chữ xem thêm)
displayseparator=!1, (Có hiển thị vách ngăn giữa các bài viết)
showcommentnum=1, (Có hiển thị số lượng comment)
showpostdate=1, (Có hiển thị ngày tháng năm)
showpostsummary=!1, (Có hiển thị mô tả)

Thay đổi các giá trị !0 thành !1 thì giá trị sẽ được ẩn đi

3. Bài viết theo nhãn cho blogspot

Dùng code này nếu bạn vừa dùng cả bài viết mới nhất và bài viết theo nhãn. Vì Css và Javascript đã dùng chung với bài viết mới nhất gần đây nên không cần phải thêm nữa.

Lưu ý đặt tiện ích bài viết theo mới nhất đặt trên bài viết theo nhãn nhé. Cách hiển thị giống như bài viết mới nhất.

<script src='/feeds/posts/summary/-/nhan-cua-ban?orderby=published&alt=json-in-script&callback=recentpost'></script>

Tùy chỉnh
- thay lại nhãn muốn hiển thị

nhan-cua-ban

Hoặc dùng code đầy đủ khi bạn không dùng bài viết mới nhất

<style>ul.recent_posts_arlina li:hover,.PopularPosts ul li:hover{box-shadow:0 0 25px rgba(0,0,0,0.15)}ul.recent_posts_arlina li:last-child,.widget-content.list-label-widget-content ul li:last-child{border:0!important}.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 0 0 10px;overflow:hidden;position:relative;float:right}ul.recent_posts_arlina li img.recent_thumb{border:1px solid #ccc;box-shadow:0 0 2px #999;float:left;width:45px;height:45px;border-radius:50% 50% 6px 50%}.recent_posts_arlina{float:left;width:100%;margin:0;padding:0;font-size:.9rem}ul.recent_posts_arlina li a{font-family:segoe ui;margin-bottom:8px;font-weight:600;line-height:1.2;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-transform:capitalize;color:#000;font-size:15px}.item-meta:last-child{display:none}ul.recent_posts_arlina li a:last-child,.item-meta{float:right;text-transform:lowercase;font-family:segoe ui light;font-size:11px;color:#efefef;padding:2px 7px;border-radius:8px}.clearfix:hover ul.recent_posts_arlina li a:last-child,.item-meta:hover{background:#003fa5}ul.recent_posts_arlina li a:hover{color:#06c}.recent_posts_arlina i,.item-snippet{line-height:19px;font-size:90%}</style><script type='text/javascript'>
//<![CDATA[
// Bài viết mới nhất https://www.toilaquantri.com/2019/01/tien-ich-nhan-xet-moi-bai-viet-moi-bai-viet-theo-nhan-blogspot.html
function recentpost(t){document.write('<ul class="recent_posts_arlina">');for(var e=0;e<numposts;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var m=n.link[o].title,u=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),l=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6qZjqMuhUsXURsGDBozP6Bfq1fmSbl1ulIQwiRahvF4tzQVL8mxpORecXv3xBHXUuiMd-XOavRF5Msh8dcmcTE6B_uWIJVn3lwmgzimt8xj4o2G1yC090NdNZwQK0nPMSgBXlvbx/s45/InfoArlina.png"}var w=n.published.$t,f=w.substring(0,4),p=w.substring(5,7),g=w.substring(8,10),v=new Array;if(v[1]="01",v[2]="02",v[3]="03",v[4]="04",v[5]="05",v[6]="06",v[7]="07",v[8]="08",v[9]="09",v[10]="10",v[11]="11",v[12]="12",document.write('<li class="clearfix">'),1==showpostthumbnails&&document.write('<span class="wrapinfo"><img title="'+i+'" alt="'+i+'" class="recent_thumb" src="'+l+'"/></span>'),document.write('<a href="'+r+'" target ="_top" title="'+i+'">'+i+"</a>"),"content"in n)var y=n.content.$t;else if("summary"in n)var y=n.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write("<i>"),document.write(y),document.write("</i>");else{document.write("<i>"),y=y.substring(0,numchars);var _=y.lastIndexOf(" ");y=y.substring(0,_),document.write(y+"..."),document.write("</i>")}var x="",$=0;document.write(""),1==showpostdate&&(x=x+g+"/"+v[parseInt(p,10)]+"/"+f,$=1),1==showcommentnum&&(1==$&&(x+=""),"1"==m&&(m="1"),"0"==m&&(m="0"),m='<a href="'+u+'" target ="_top">'+m+"</a>",x+=m,$=1),1==displaymore&&(1==$&&(x+=""),x=x+'<a href="'+r+'" class="url" target ="_top">More -></a>',$=1),document.write(x),document.write("</li>"),1==displayseparator&&e!=numposts-1&&document.write("<hr size=0.5>")}document.write("</ul>")}
//]]>
</script>
<script style='text/javascript'>
var numposts=10,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=1,showpostdate=1,showpostsummary=!1,numchars=62;
</script>
<script src='/feeds/posts/summary/-/nhan-cua-ban?orderby=published&alt=json-in-script&callback=recentpost'></script>

Tùy chỉnh
- thay lại nhãn muốn hiển thị.

nhan-cua-ban

Mục Lục Nội Dung

Minh Tiến IT

Pass giải nén mặc định: truongblogger

Chắc bạn cũng đã nhiều lần gặp những link của 123link dạng 123link.co tại những trang web chia sẻ nội dung số. Nhưng bạn không biết cách nào để truy cập vào đúng link gốc của nội dung mà mình muốn truy cập. Bài viết này sẽ giúp bạn làm điều đó.
Đầu tiên bạn truy cập vào một link 123link. Khi bạn truy cập xong thì nội dung bạn thấy sẽ tựa như hình ở dưới.

Trang 123link

Đánh dấu check vào vô “I’m not a robot”. Sau đó sẽ có một bảng captcha hiện ra. Bạn trả lời theo câu hỏi của captcha rồi bấm Verify để xác nhận.

I’m not a robot

Verify

Sau khi xác nhận captcha thành công thì bấm chọn nút “Click here to continue” để sang bước tiếp theo.

Click here to continue

Ở trang tiếp theo, bạn sẽ thấy một đồng hồ đếm ngược, thường thì nhiều nhất sẽ là 7 giây. Bạn đợi cho thời gian đếm ngược chạy hết.

Bạn đợi cho thời gian đếm ngược chạy hết

Khi thời gian đếm ngược chạy hết, bạn sẽ thấy nút Get Link hiện ra. Bạn bấm vào nút đó để truy cập đến đường link đã được rút gọn bởi 123link.

Get Link

Bạn cứ yên tâm là link từ 123link sẽ không có ẩn chứa những mối nguy hiểm như virus, các pop-up quảng cáo không lành mạnh và phiền toái khi bạn đang thao tác các bước để tới link đích.

THAM GIA KIẾM TIỀN CÙNG MINH TIẾN IT