Blogger'da son yazılar ister belirli bir etikete göre istenirse tüm etiketler
dahilinde listenebiliyor. Resimsiz ve detaysız, sadece yazı başlıkları ile
listelemenin iki yöntemi bulunmakta. Bunlardan birincisi İçerik Takibi
Gadget'i(bileşen) ile bir diğeri ise javascript kodları ile. Kişisel seçime
bağlı olarak iki yöntemden herhangi biri kullanılabilir.
Bileşen olarak eklemenin avantajı, hem daha hızlı hem de temadaki kod
fazlalığının önüne geçilmesi. Bileşen ile eklemenin dezavantajları ise istenilen
herhangi bir yerde kullanılamıyor olması(aslında kullanılabilir fakat css ile
özelleştirme yapılması gerekiyor) ve listelenecek yazı sayısının 5 adetle sınır
olması. Kod ile hem istenilen yerde hem de istenilen sayıda yazı
listelenebiliyor. Seçim size ait.
1.Yöntem (Gadget ile)
Blogger Yerleşim sayfasından Gadget ekleme yöntemiyle ilgili gadget yani İçerik
takibi seçilerek blog adresi ve hangi etikete ait son yazılar listelenecekse o
etiket eklenmelidir. Örnek :
http://www.zaferzent.com/feeds/posts/default/-/Blogger
2.Yöntem (HTML/JavaScript kodları ile)
Yine Yerleşim sayfasından Gadget ekleme yöntemi ile bu defa HTML/JavaScript
gadget'ı seçilerek aşağıdaki kodlar eklenmelidir. Öncesinde aşağıdaki kodlar
</head> kodu öncesine eklenmelidir.
<script>var homePage = "blog adresi",numPosts = gösterilecek yazı adedi;function recentPosts(a) {if (document.getElementById("recent-posts")) {var e = a.feed.entry,title, link, content = "",ct = document.getElementById("recent-posts");for (var i = 0; i < numPosts; i++) {for (var j = 0; j < numPosts; j++) {if (e[i].link[j].rel == "alternate") {link = e[i].link[j].href;break}}var title = e[i].title.$t;content += '<li class="recent-posts"><a href="' + link + '" title="' + title + '" target="_blank" rel="nofollow">' + title + '</a></li>'}ct.innerHTML = content}}var rcp = document.createElement('script');rcp.src = homePage + '/feeds/posts/default/-/etiket adı?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);</script>
Not : Kodlarda belirlenen kırmızı renkteki kısımlar isteğe göre
değiştirilebilir, eğer istenirse etiket kısmı tamamen kaldırılıp tüm etiketelere
ait son yazılar da listelenebilir.
2 - Son yazılar nerede gösterilmek - listelenmek isteniyorsa oraya da aşağıdaki
kod eklenmelidir.
<ul id="recent-posts"></ul>
0 Yorumlar