If you want to increase the number of page
impression, this widget might help you.The Random Posts Widget will show
random posts you have added to your blog. The main advantages of this
widget is that it is loading pretty fast and shows thumbnails of your
posts too, along with the comments link.
How to add Random Posts Widget to Blogger
Step 1. Log in to Blogger Dashboard, go to >> Design >> Edit HTML
Step 2. Check "Expand Widget Templates"
Step 3. Find the following piece of code:
Step 4. Just above it, paste the code below :
Save Template.
Step 5. Go to Design >> Page Elements and Add a new HTML/JavaScript Gadget
Step 6. In the HTML box, paste this code:
Note: Replace no. 5 with the number of posts you want to be show.
Step 7. Press Save and Enjoy :)
How to add Random Posts Widget to Blogger
Step 1. Log in to Blogger Dashboard, go to >> Design >> Edit HTML
Step 2. Check "Expand Widget Templates"
Step 3. Find the following piece of code:
]]></b:skin>
Step 4. Just above it, paste the code below :
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
Save Template.
Step 5. Go to Design >> Page Elements and Add a new HTML/JavaScript Gadget
Step 6. In the HTML box, paste this code:
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
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){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;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/AVvXsEhQOGi1cBxfNI8fEkcx0yffGjU0qKYMuCML4-X3iBcfVLTGLfeun6Fza-funBOGsSzeku4l1PXoWJg5BWRH8HvUnfWz11wMKdOZzvPhgThXnMJf1xq4nZ_Ayl08t9R6MZKaj5Ny8_Yf4GY/s1600/default.jpg"}}};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>
Note: Replace no. 5 with the number of posts you want to be show.
Step 7. Press Save and Enjoy :)
0 comments:
Post a Comment