Kombinasi Recent Posts mirip dengan Populers Posts

TutorNesia ~ Widget Recent Posts atau dengan kata lain adalah Posting terbaru merupakan widget yang berperanan sangat penting di blog. Dengan adanya daftar posting terbaru, pengunjung yang masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog.

Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi postingan lain dari blog tersebut. Widget recent post yang saya share kali ini memiliki fitur dan tampilan yang cukup menarik.

Kombinasi script recent posts ini telah saya modif ulang dengan penampilan yang hampir mirip Populer post, untuk lebih jelas silahkan lihat sidebar blog ini. Anda juga bisa menampilkan blog dengan alamat yang berbeda seperti yang saya tampilkan blog misteri saya.

Cara pasangnya juga cukup mudah kok, anda tinggal ADD/Gadget saja.

<style>
img.recent_thumb {width:100px;height:56px;border:0;float:left;margin:0px 5px 0px 5px;border:4px solid #9A9AFC;}
.recent_posts_with_thumbs {float: left;width:100%;min-height: 10px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:10px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:underline;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)


{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj97MG_SRxqHdOq3zi6RQj-6ULjefcDAhDDKvYhUYxRKloCWcOdk4VXdFvuKtjwCNMVR965eLyT8C5FVSitl5r7FvE-5n2hIcSBvQsNkToyMVFWY3qBy02rMdgMAxGEGG9WJZZBEruB44hX/s320/noimage.png';

}


var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');


if(showpostthumbnails==true) 
document.write('<img class="recent_thumb" src="'+thumburl+'" title="'+posttitle+'" alt="'+posttitle+'"/>');
document.write('<b><a class="alink" href="'+posturl+'" title="'+posttitle+'" target ="_top">'+posttitle+'</a></b><br>');

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g; 
    postcontent = postcontent.replace(re, "");


if (showpostsummary == true) {

      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true) 
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='Add Comment';
commenttext = '<a class="alink" href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true) 
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a class="alink" href="'+posturl+'" title="'+posttitle+'" class="url" target ="_top">More -></a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==true) 
if (i!=(numposts-1))
document.write('<hr size=0.5>');
}document.write('</ul>');
}
//]]>
</script>
<script>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://mymisteri-leonyli.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs" type="text/javascript"></script>

Silahkan Ubah URL mymisteri-leonyli.blogspot.com dengna URL yang mau anda terapkan.

Sumber Berita Ini: Kombinasi Recent Posts mirip dengan Populers Posts

Riio Cyber-Art

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.

Kombinasi Recent Posts mirip dengan Populers Posts

Sumber Berita Ini: Kombinasi Recent Posts mirip dengan Populers Posts

Update Artikel Terbaru

Entri Populer