Teknoloji ve İnternet Haberleri
Sponsorlu Bağlantılar
OTOMOBİL
Son içerikler yükleniyor...

Blogger için Son Yazılar Eklentisi ve Kullanımı

Sponsorlu Bağlantılar
Beğen butonuna tıklayarak Facebook sayfamıza katılabilirsin. Hoş geldin :)


Blogger için Son Yazılar Eklentisi ve Kullanımı
Blogger ile ilgili olarak geçtiğimiz içeriklerimizde Blogger'da yedek almak ve Blogger için güzel sözler eklentisi ile ilgili kodları paylaşmıştık sizlerle. Şimdi ise son yazılar eklentisi ile ilgili kodları paylaşıyor olacağız. Eğer sidebar (yan menü) bölümünüzde son yazılarınızı paylaşmak, listelemek istiyorsanız, aşağıdaki adımları izlemeniz bu yönde yeterli olacaktır. Hepsi bu kadar kolay.

Blogger'da Son Yazıları Listeleme Nasıl Yapılır?


1) Temanızın CSS bölümüne aşağıdaki kodları ekleyin.

#recent-posts{
width:auto;
padding:0 10px;
margin:0 auto;
border:1px solid #ddd;
}
#recent-posts ul,#recent-posts li {
list-style:none;
}
#recent-posts a{
text-decoration:none;
}
#recent-posts li{
border-top:1px solid #ddd;
padding:6px 0
}
#recent-posts li:first-child{
border-top:none;
}

2) HTML/JavaScript Ekle bölümüne ise aşağıdaki kodları ekleyin.

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

Not: Kırmızı sayıyı değiştirerek, yazı sayısını güncelleyebilirsiniz.

Beğendin mi? Beğen veya Paylaş butonlarına tıklayabilirsin. Teşekkürler :)

Hiç yorum yok:

Yorum Gönder

"Yorumlama biçimi:" menüsünde yer alan,
"Adı/URL veya Anonim" seçeneğine tıklayarak hızlıca yorum gönderebilirsiniz.

Kategori Adı: Webmaster
Her hakkı saklıdır. Kaynak gösterilerek alıntı yapılabilir. Blogger tarafından desteklenmektedir.
Copyright © Başlat Menüsü. Web sitemizdeki içerikler ile hazırlanmaktadır. Tarih: .