Blog Son Eklenenler Widgeti Nasıl Oluşturulur?

2/15/2016
Blog Son Eklenenler Widgeti Nasıl Oluşturulur?

Blog Son Eklenenler Widgeti Nasıl Oluşturulur? - Blogunuza eklediğiniz yeni yayınlar için son eklenenler widgeti tasarımını bir çok blogcu tarafından bilinmekte ve kullanmaktadır. Blogunuzun zengin bir görünüme sahip olmasını sağlayan bir widget daha sizlerle paylaşmız oluyoruz.

Bu widget feed sayesinde blogunuzda aktif olarak çalışmasını sağlayacak olması ve bizim blogumuz için önemli kısmı olan navigasyon eklentili olması daha da ilgimizi çeken bir widget olmasını sağlıyor. Widgetimizin sayfanızı hiç zorlamadan ve yavaşlatmadan rahat bir şekilde kullanabilirsiniz.

Blogger Blogspot Son Eklenen Yayınlar Widget'i


Aşağıdaki adımları takip ederek widgeti blogunuza ekleyebilirsiniz.

Blogger kumanda paneline gidiyoruz ve Yerleşim kısmından yeni widget oluşturuyoruz ve aşağıdaki kodu yeni oluşturulan widgetin içine atıyoruz ve kaydediyoruz. Widgetiniz oluşturuldu, şimdi dilediğiniz gibi renk ayarlarını yapabilirsiniz. Güle güle kullanın...

<style type="text/css">
ul#recent-posts {
    margin: 0 auto;
    max-width: 300px;
    padding: 0 20px;
    list-style: none;
}
li.recent-posts {
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px solid #e3e3e3;
    word-break: break-word;
    padding: 10px 0;
    margin: 0;
}
li.recent-posts:last-child {
    border-bottom: 0;
}
li.recent-posts a {
    color: #444;
    text-decoration: none;
}
li.recent-posts a:hover {
    color: #28a1f0;
}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://bloggereklentileri.blogspot.com",
    numPosts = 5;

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/summary?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>


NOT: Blogunuzun URL'sini eklemeyi unutmayın ve yorum yapmayı...

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok