Top Ad unit 728 × 90

Best

Tạo Random Posts widget giúp tăng traffic cho blog

random-posts

Random Posts Widget là widget hiển thị các bài đăng ngẫu nhiên trên blog của bạn. Cũng giống như Popular PostsRecents Posts, Random Posts cũng được sử dụng rất phổ biến. Bài viết này mình sẽ hướng dẫn các bạn tạo một widget Random Posts (bài viết ngẫu nhiên) cho Blogger. Sau đây là các bước thực hiện thủ thuật:

Bước 1: Tại trang quản trị blog, các bạn vào Mẫu > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ đóng ]]></b:skin>:
#random-posts{border:1px solid #aaa;margin:-20px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 5px 5px -5px #999;-webkit-box-shadow:0 5px 5px -5px #999;box-shadow:0 5px 5px -5px #999;background:#f6f6f6;background:-webkit-gradient(linear,0% 40%,0% 70%,from(#f9f9f9),to(#f1f1f1));background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#f9f9f9),to(#f1f1f1))}
#random-posts li{background:url(http://i.imgur.com/d2qDDPf.png) no-repeat 12px;border-bottom:1px solid #ccc;font-family:cambria;font-size:12pt;list-style-type:none;margin:0;padding:6px 10px 10px 3em !important;height:44px;overflow:hidden;line-height:1.5em}

Bước 2: Lưu template. Vào Bố cục, tạo một tiện ích HTML/JavaScripts và paste đoạn code bên dưới vào phần nội dung:
<div id='random-posts'><script type='text/javaScript'>
var rdp_numposts=7;var rdp_snippet_length=0;var rdp_info='no';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){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)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry);if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;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/AVvXsEiiK9z72OVa-Vn_vIB43-yHiZl9YOA69P3x6scVsLa3bxTOOrAUjemgV_cO1tGcAWv42T5KutObRikSZ4vqyeZ9lndTNFNZcMTlM6EvEjYk3WqlY93T5XymE_IwOpcr6aYg_ltcmOiZBQ/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" title="'+rdp_posttitle+'">'+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></div>

Trong đó 7 là số bài viết hiển thị.

Chúc các bạn thành công !

Không có nhận xét nào:

Hình ảnh chủ đề của fpm. Được tạo bởi Blogger.