PDA

View Full Version : how to add random widget in blogger?



christinebreese
05-31-2017, 03:41 AM
how to add random widget in blogger?

EncodersDigital
05-31-2017, 01:35 PM
Step 1. Login to your blogger account, select your blog and go to "Layout".

Step 2. Add new widget by clicking on the "Add a gadget" link and select "html/javascript" from the popup window.

Step 3. After adding the HTML/JavaScript, copy and paste the script inside the empty content box.

Sherin
02-17-2021, 11:25 PM
if you can add widget in blogger you can follow this link
http://www.iblognet.com/add-random-posts-widget-in-blogger.html

makoo
02-18-2021, 01:53 AM
Step 1 Log in to your blogger dashboard > Go to Layout and select the ADD A GADGET to add your new sidebar gadget.
Step 2: from the pop-up windows choose the HTML/JavaScript.
Step 3: Don't forget to click the SAVE button!

dombowkett
02-18-2021, 03:45 AM
You can add widget in your blogger blog, to display it in sidebar panel.

KWA
02-19-2021, 09:23 AM
Step 1. Log in to Blogger Dashboard, and select Template > Edit HTML (click on Proceed button if needed)
Step 2. Select "Expand Widget Templates"
Step 3. Find (CTRL + F) the following tag: ]]></b:skin>
Step 5. Save Template.
Step 6. Go to Layout, click on Add a Gadget
Step 7. Add a new HTML/JavaScript Gadget
Step 8. Paste the following code in the empy HTML box:

<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.openSea rch$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=r dp_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$thumbnai l'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb ="http://2.bp.blogspot.com/-XQt2v4x5dl8/T1zdpFh392I/AAAAAAAABUU/xMJZDedw38k/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>

Step 9. Press Save and Enjoy!