Simple Featured Post

This widget shows 4 post inside your blog as a highlighted featured post. It has no animation, but it show a snippet post with thumbnail.

Just a simple featured post. It's just an edited random post in some shaded box and table (Last post : Simple random post with thumb widget. I'm suggesting this because of the linkwithin (you might read this / called simmilar post) that give your pagerank / SEO downrank.

With this, readers have some idea what is in your site and might want to read more!

Just a simple HTML widget
To install click ==>> Layout ==> add a gadget ==> Find Html widget ==> copy this html

Copy / paste this code into your site

<div style="background-color:#D8D8D8;"> <table style="border:1px solid black;"> <tr> <td><!-- Style block for fancying-up the appearance --> <style> .rp-post-link { font-weight: bold !important; font-size: 120% !important; } .rp-summary { margin-top: 3px !important; font-size: 95% !important; line-height: 1.3em !important; word-wrap: break-word !important; } .rp-thumbnail { margin: 2px 2px 2px 0px !important; float: left !important; } .rp-pubdate { font-style: italic !important; margin-bottom: 3px !important; } </style> <!-- end style block --> <!-- Begin the script! --> <script type="text/javascript"> var randarray = new Array(); var l=0; var flag; var lengthsummary = 105; //Number of characters to limit summary to var numofpost=2; //Number of random posts to display function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); //fetch some random posts, making sure none are the same for(i=0; i < numofpost;){ flag=0; randarray.length=numofpost; l=Math.floor(Math.random()*total); for(j in randarray){ if(l==randarray[j]){ flag=1; } } if(flag==0&&l!=0){ randarray[i++]=l; } } //Fetch the info from the posts and write them out document.write('<div>'); for(n in randarray){ var p=randarray[n]; var entry=json.feed.entry[p-1]; //the object holding the feed data for a post var item =""; //holds the string to write out, containing all post info //----Post title link ---- var posttitle = entry.title.$t || "[Untitled]"; //A post with no title is called "[Untitled]" //Looks like the 'alternate' link is *usually* last, //but we don't know if it's *always* last, so loop backwards //for efficiency and correctness! for(k=entry.link.length -1; k >= 0 ; k--){ if(entry.link[k].rel=='alternate'){ item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>"; break; } } //----end post title link --- item += "<br" //this weirdness is because the Blogger post editor is STUPID... sorry. item += "/>" //----publication date ---- var pubdate = new Date(entry.published.$t).toDateString(); item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>"; //----end publication date ---- //----Thumbnail images ---- if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>" //----end thumbnail images ---- //---summary text ---- var summary = ""; //Feed will have EITHER "summary" or "content" variables, depending on feed settings if ("content" in entry) { summary = entry.content.$t; } else if ("summary" in entry) { summary = entry.summary.$t; } //Strip HTML tags out of post summary var re = /<\S[^>]*>/g; summary = summary.replace(re, ""); item += "<p class='rp-summary'> " + summary.substring(0,lengthsummary) + " ...</p> "; //----end summary text --- document.write(item); //write out the data from the post } document.write('</div> '); //we've written out all the random post data! Done! } </script> <!-- the following calls the randompost function and passes it, essentially, the blog's feed --> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"> </script><a href="httphttp://freewidget4u.blogspot.com/2013/12/simple-featured-post.html" target="_blank"><small>GetThis!</small></a></td> <td><!-- Style block for fancying-up the appearance --> <style> .rp-post-link { font-weight: bold !important; font-size: 120% !important; } .rp-summary { margin-top: 3px !important; font-size: 95% !important; line-height: 1.3em !important; word-wrap: break-word !important; } .rp-thumbnail { margin: 2px 2px 2px 0px !important; float: left !important; } .rp-pubdate { font-style: italic !important; margin-bottom: 3px !important; } </style> <!-- end style block --> <!-- Begin the script! --> <script type="text/javascript"> var randarray = new Array(); var l=0; var flag; var lengthsummary = 105; //Number of characters to limit summary to var numofpost=2; //Number of random posts to display function randomposts(json){ var total = parseInt(json.feed.openSearch$totalResults.$t,10); //fetch some random posts, making sure none are the same for(i=0; i < numofpost;){ flag=0; randarray.length=numofpost; l=Math.floor(Math.random()*total); for(j in randarray){ if(l==randarray[j]){ flag=1; } } if(flag==0&&l!=0){ randarray[i++]=l; } } //Fetch the info from the posts and write them out document.write('<div>'); for(n in randarray){ var p=randarray[n]; var entry=json.feed.entry[p-1]; //the object holding the feed data for a post var item =""; //holds the string to write out, containing all post info //----Post title link ---- var posttitle = entry.title.$t || "[Untitled]"; //A post with no title is called "[Untitled]" //Looks like the 'alternate' link is *usually* last, //but we don't know if it's *always* last, so loop backwards //for efficiency and correctness! for(k=entry.link.length -1; k >= 0 ; k--){ if(entry.link[k].rel=='alternate'){ item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>"; break; } } //----end post title link --- item += "<br" //this weirdness is because the Blogger post editor is STUPID... sorry. item += "/>" //----publication date ---- var pubdate = new Date(entry.published.$t).toDateString(); item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>"; //----end publication date ---- //----Thumbnail images ---- if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>" //----end thumbnail images ---- //---summary text ---- var summary = ""; //Feed will have EITHER "summary" or "content" variables, depending on feed settings if ("content" in entry) { summary = entry.content.$t; } else if ("summary" in entry) { summary = entry.summary.$t; } //Strip HTML tags out of post summary var re = /<\S[^>]*>/g; summary = summary.replace(re, ""); item += "<p class='rp-summary'> " + summary.substring(0,lengthsummary) + " ...</p> "; //----end summary text --- document.write(item); //write out the data from the post } document.write('</div> '); //we've written out all the random post data! Done! } </script> <!-- the following calls the randompost function and passes it, essentially, the blog's feed --> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"> </script>..</td> </tr> </table> </div>

Reminder ===> put this widget above or below post ==> also put some text for the title (recommend Featured Post)

***** Alert *****
the script above have error. Click this link and copy the html/javascript code
http://www.mediafire.com/view/cj114voyswwj4mw/FeaturedPost-freewidget4ublogspot.txt