Bộ phim: Widget bài viết ngẫu nhiên load siêu nhanh cho Blogspot

Download
Báo lỗi
Tắt đèn
Tải lại
- Sử dụng DNS 8.8.8.8, 8.8.4.4 hoặc 208.67.222.222, 208.67.220.220 để xem phim tốt hơn
- Xem phim tốt hơn với trình duyệt Google Chrome, Cốc Cốc
- Chọn chất lượng SD để xem phim nhanh nhất, và HD để xem phim nét nhất.
- Nếu thấy thích thì Like, thấy phim hay thì Share cho mọi người cùng xem nhé, mỗi lượt Like, Share, Comment của các bạn là động lực để Website tiếp tục phát triển và cống hiến cho các bạn nhiều bộ phim hay hơn nữa
Bình luận Phim
Thông Tin Phim
Một trong những tiện ích mình kiêng kỵ nhất là Random Posts, bởi tiện ích này tải toàn bộ dữ liệu từ feed về, không những làm chậm tốc độ cho blog mà còn không chính xác với blog có trên 500 bài viết - đây là con số bài viết tối đa được feed tải về. Bởi vậy nhiều Blogger đã e ngại sử dụng tiện ích này. Trong tiện ích mình giới thiệu sau đây được lấy JS từ tiền bối Duy Phạm thay vì 1 lần tải toàn bộ feed thì mình tải lần lượt theo số bài viết muốn hiển thị và chỉ lấy duy nhất 1 bài trong 1 lần tải. Trước đó sẽ có 1 lần tải dữ liệu đầu tiên từ feed để xác định tổng số bài viết hiện có, 1 hàm lấy ngẫu nhiên 5 số khác nhau từ 1 đến tổng số bài viết. Ví dụ muốn hiển thị 5 bài viết ngẫu nhiên thì sẽ có 6 lần tải feed, mặc dù số lần lấy nhiều nhưng dung lượng 1 lần lấy lại nhỏ. Khối lượng chỉ tương đương với blog bạn có tổng số bài viết là 6, so sánh vậy để thấy nếu blog càng nhiều bài viết thì tiện ích này có tốc độ nhanh hơn kiểu tải toàn bộ feed rất nhiều lần




Các bước thực hiện
Bước 1: Đăng nhập Blogger > Chủ đề  > Chỉnh sửa HTML > Chèn CSS dưới đây vào dưới thẻ <style>:
#random-posts img{float:left;margin-right:10px; background:#FFF;width:50px;height:50px; border-radius: 50%}
.li_rd_post_tkn {margin-bottom: 7px!important; list-style: none; line-height: 23px; padding: 0!important; margin-top: 0!important; margin-left: 0!important; margin-right: 0!important}
.a_rd_post_tkn {
color: #000!important;
text-decoration: none!important;
font-family: Roboto;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.svc_rd_post {
font-size: 14px;
font-family: Roboto;
font-weight: 400;
color: #878787;
padding-top: 3px;
}
.rcs_tkn1 {
background: #f4f4f4;
padding: 2px;
padding-left: 10px;
padding-right: 10px;
border-radius: 13px;
}
.lifatkn { padding-left: 10px;
padding-right: 1px;}

Bước 2: Chèn đoạn code sau vào vị trí muốn hiển thị trong HTML blogspot: (Hoặc bạn có thể vào Bố cục > Thêm tiện ích > HTML/Javascript, chèn đoạn code dưới vào):
<ul id='random-posts' style='margin: 0!important; padding: 0!important'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='bình luận';
var rdp_disable='Tắt bình luận';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4cn4B-jaagV_SMO-wZQdJwHJ1A1-nJwF9PRoKtZlPnPSk7Xmf5FkRmGVLlUlObj0MS5UT5EEpLbVVKOx8A7ZZXElA34Zfu5J0s-AmwCRkI1FrcJpNN3Vu8Q8Xq-4o5UsMMcr8waQNasb/"}}};document.write('<li class="li_rd_post_tkn">');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a class="a_rd_post_tkn" href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<div class="svc_rd_post"><span class="rcs_tkn1">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+'</span> <i class="fa fa-comments lifatkn" aria-hidden="true"></i> <span class="time_tkn1">'+rdp_commentsNum)+'</span></div>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Bước 3: Lưu chủ đề và hưởng thụ.
Bây giờ bạn sẽ không còn e ngại bởi tốc độ load trang khi sử dụng random post nữa nhé !
Chúc các bạn thành công !
Tags:
Xem toàn bộ
Phim Mới
  • Một ngày trại đáng nhớ !
    Full
    163
  • Giới thiệu BFG (Blogger Family Group)
    Full
    514
  • Tạo nút Demo - Download với hiệu ứng hover màu sắc tuyệt đẹp cho blogspot
    Download với hiệu ứng hover màu sắc tuyệt đẹp cho blogspot
    Full
    915
  • [Sự kiện] Đếm Ngược Đón Chào Năm Mới 2018 - Đua Top Nhận Quà KHỦNG !
    Đua Top Nhận Quà KHỦNG !
    Sự kiện Đếm Ngược Đón Chào Năm Mới 2018 - Đua Top Nhận Quà KHỦNG !
    885
  • [SALE OFF] Bán theme Facebook Parody Responsive for Blogger - Giá cực sốc !
    SALE OFF Bán theme Facebook Parody Responsive for Blogger - Giá cực sốc !
    921
  • Blogger.com - Template Blogger giới thiệu sản phẩm cực đẹp
    Template Blogger giới thiệu sản phẩm cực đẹp
    Full
    936
back to top