6/10/14

[ Thủ Thuật ] Bài viết ngẫu nhiên có hình ảnh cho blogspot


- Widget bài viết ngẫu nhiên cho blogspot. Cách thêm Widget bài viết ngẫu nhiên cho blogspot . Widget bài viết ngẫu nhiên có ảnh cho blogspot. Code Widget bài viết ngẫu nhiên cho blogspot

- Sau đây Bít Tuốt xin giới thiệu với các bạn một thủ thuật blogspot là thêm Widget bài viết ngẫu nhiên cho blogspot với cách thực hiện cực kỳ đơn giản, bất cứ ai cũng có thể tạo được chỉ bằng vài click.

Widget bài viết ngẫu nhiên có hình ảnh cho blogspot
Cách thực hiện:
B1: Đăng nhập blogspot => Bố cục => Thêm tiện ích rồi Chọn Tiện ích HTML/JavaScript
B2: Copy đoạn code bên dưới vào tiện ích HTML/JavaScript nhấn lưu

<style>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
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/AVvXsEgrgT9exgrk3_FMxlsFSJJut67jGUd87b5T_K9XLXFdLV3Bh6Hmlgz5-lKfMuKNr6spS8Bh9RNGW8lIhXr69uYfsh8t0zvibrA4gIaT0KXSqdF2dC7Ciyz1gJITVrw_kQmLAKXKF-nH6Zap/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}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>


Chú ý:
Thay 5 bằng số bài viết bạn muốn hiển thị
150 là số ký tự của đoạn trích dẫn nội dung bài đăng.
Nếu không muốn hiển thị thông tin ngày tháng đăng bài và số nhận xét hãy thay yes thành ký tự bất kỳ khác.

Widget bài viết ngẫu nhiên không có hình ảnh cho blogspot

B1: Đăng nhập blogspot => Bố cục => Thêm tiện ích rồi Chọn Tiện ích HTML/JavaScript
B2: Copy đoạn code bên dưới vào tiện ích HTML/JavaScript nhấn lưu

<div id="random-posts"></div>
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 10;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="Link//feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>

Chú ý: Thay Link thành đường link blogspot của bạn

-:- Nguồn - Bittuot -:-

Điểm 4.6/5 dựa vào 87 đánh giá
  • Lazada : Mở chương trình "giá khuynh đảo", giới hạn mỗi người mua tối đa 2 sản phẩm Click xem
  • Adayroi : iPhone 7 lần đầu về giá dưới 15 triệu đồng Click xem
  • Tiki : Giảm 10% cho thẻ tín dụng HSBC Click xem

Bài liên quan

5 Comments

Hi. Làm sao để đưa cái này vào ngay dưới bài đăng hả bạn? Mình định áp dụng nhưng nó nằm dưới khung comments, nếu coa vài comments là không dùng được
Blogp của mình: http://phonuivabanbe.blogspot.com
Cám ơn bạn trước

Bạn vào bố cục --> chọn thêm tiện ích trên phần bài đăng ---> thêm tiện ích HTML/Javascript ---> bạn dán Javascript trên vào rồi lưu lại --> sau bạn dùng chuột kéo nó xuống dưới cùng phần [ Bài Đăng Trên Blog ] rồi lưu thay đổi --> vậy là xong. chúc bạn thành công

Vì lâu nay mình bận nên không lên mạng đc thế nên không thể trả lời bài viết của bạn sớm hơn. Hiện tại minh chuyển sang web UCOZ.COM rồi nên sau nay ghé ủng hộ nhé http://8x.ucoz.net/ bạn cũng nên dùng thử ucoz xem thế nào, mình thấy rất tuyệt đấy. mình cũng chỉ là người tò mò về thiết kế web thôi chứ cũng không qua trường lớp nào, mò trên mạng thui, nếu mình biết gì mình sẻ hổ trợ hết mình, chúc năm mới AKTV

Bài Viết Ngẫu Nhiên Có Ảnh, Trích Dẫn, Ngày Đăng Và Nhận Xét
http://vnminhtriet.blogspot.com/2015/03/bai-viet-ngau-nhien-co-anh-trich-dan.html


EmoticonEmoticon