DEMO GÖRÜNÜMBlogger Son Yazılar eklentisi hakkında daha önceden yayınladığım eklentide yazı adedini fazla seçtiğimizde, eklenti çarşaf liste gibi uzayıp gidiyordu.Şimdi yayınlayacağımız blogger son yazılar eklentisinde ise istediğiniz kadar yazı seçin, isterseniz 100 tane son yazı seçin ama ana sayfada kutu içerisinde görünecek yazı sayısı, yine sizin ayrıca belirleyeceğiniz sayı kadar olacak  diğer yayınları ziyaretçi isterse ana sayfadan ayrılmadan eklentinin altında bulunan sonraki ve önceki linklerine tıklayıp görebilecek ve böylelikle daha fazla son yazıyı daha az yer kaplayarak ana sayada gösterme imkanınız olacak.

1. Blogger Hesabımızla Giriş Yapıyoruz 
2. Her ihtimale karşı şablonumuzun yedeğini alalım.
3. Kumanda Paneli>Şablon>Htmlyi Düzenle>Devam Et yolunu takip ederek HTML kodlarımızın bulunduğu alana gelip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
4. Html kodları içerisinde  ]]></b:skin> kodunu aratıp bulun.
5. Aşağıdaki kodu kopyalayıp bulduğunuz  ]]></b:skin> kodundan önceki kısma yapıştırın.

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS18hlapKJ5rLaqXPjDddgJzC4YulFmuQ3BaBxTxoMHF0ho9TYCpv8QSYuEjuEry-AuCzITFPWhG3X0RlOFtgdfWBYtWL0QRQvKdzg0Ln0fUROgDQpchtmuJaR5M6dKaxYzodJT2J6PCo/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

burada koyu mavi renkle verdiğimiz değerler blogger son yazılar eklentisi içerisinde görünecek yazılarınıza ait küçük resmin boyutlarını belirtir, isterseniz değiştirebilirsiniz.
     6. Yine HTML kodları içerisnde </head> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodundan önceki kısma yapıştırıyoruz.

<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://blogokulu.org";
var charac = 100;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjajsDjHCfiSiPzGFu57J5rpHFUIx0aYZZ0NwDb87QHRYl8frKZUU7gMOlJ5QdDcExRZqsA-_C41pgPdFc3Z1mPv9P0b38eB_2sd_Tyw2x_vMc6pcG2ZOlEFpYy5K8EbMTRBDEclc-BM14/d/noimagethumb.gif";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Önceki</a>";
} else {
showblogfeed += "<span class='noactived previous'>&#9668; Önceki</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Sonraki &#9658;</a>";
} else {
showblogfeed += "<span class='noactived next'>Sonraki &#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Ana Sayfa</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>

Kod içerisinde;
var numfeed = 5; Kutu içersinde görüntülenecek son yazı sayısı.
var urlblog = "http://blogokulu.org/"; Blogunuzun URL si.
var charac = 100; Küçük resimlerin yanında bulunan açıklamaların uzunluğu/karakter sayısı.
    7.Kodları ekledikten sonra şablonumuzu kaydedip çıkıyoruz.
    8.Son olarak Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip aşağıdaki kodu kopyalayıp açılan gadget içerisine ekliyoruz.

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

Gadgeti kaydedip çıkıyoruz.Blogger son Yazılar Eklentimiz kullanıma hazır.

Blogunuza ekleyebileceğiniz animasyonlu, kayarak aşşağı doğru akan,blogunuzu farklılaştıracak Son Yazılar Eklentisi ni sizlerin kullanımına sunuyoruz.Herzamanki gibi blogger animasyonlu son yazılar eklentisini de isteyen herkes bloguna rahatlıkla uygulayabilsin diye en kolay ve en basit yöntem olan gadget ekleme yöntemi ile anlatacağız.
Kumanda Paneli>Tasarım>GAdget Ekle>Html/Javascript yolunu izleyip aşşağıdaki kodu kopyalayıp kod içerisinde herhangi bir değişiklik yapmadan açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından görünmesini istediğimiz yere sürükleyip bırakıyoruz.
Blogger Animasyonlu Son Yazılar Eklentisi Görünümü:

<head><!--http://www.blogokulu.blogspot.com/ -->
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://blogokulu.blogspot.com/2012/03/blogger-son-yazilar-eklentisi.html" target="_blank">++Sitene Ekle</a></small><!--http://www.blogokulu.blogspot.com/ -->
</head>

<script style="text/javascript">
function showrecentposts(json) {
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 == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
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";
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 (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
document.write(posttitle);
document.write('<br/>');
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
}
}

var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 250;
var standardstyling = false;
</script>
<script src="http://www.siteadresiniz.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>