Membuat Widget Daftar Posting Diperbaharui

Widget Posting Diperbaharui - Widget ini akan menampilkan postingan yang telah anda update. Fungsinya sama seperti Popular Post namun bedanya yang ditampilkan adalah postingan yang diperbaharui, bukan yang paling banyak dilihat.

Cara Memasangnya

• Tata Letak
• Tambahkan HTML/Javascript
• Copy code dibawah ini dan paste

<ol id="posts-diperbaharui"></ol>

• Copy kode dibawah ini dan paste diatas kode ]]></b:skin>

li.perbaharui {
    list-style: none;
    height:60px;
    overflow:hidden;
    font-size:80%
}
.thumbnail-perbaharui {
    float:left;
    margin:5px 10px 0 5px
}
.tanggalnya {
    display:block;
    font-size:90%
}

•   Cari kode </body>, copy Javascript dibawah ini dan paste diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
function updatedPosts(a) {
    if (document.getElementById("posts-diperbaharui")) {
        var e = a.feed.entry,
            title, img, link, date, content = "",
            ct = document.getElementById("posts-diperbaharui");
        for (var i = 0; i < 7; i++) {
            for (var j = 0; j < 7; j++) {
                if (e[i].link[j].rel == "alternate") {
                    link = e[i].link[j].href;
                    break
                }
            }
            var title = e[i].title.$t,
                pd = e[i].published.$t.substring(0, 10),
                date = pd.replace(/-/g, "/");
            if ("media$thumbnail" in e[i]) {
                img = e[i].media$thumbnail.url
            } else {
                img = "http://isi_dengan-alamat-alamat-gambar-untuk-posting-yang-tidak-memiliki-gambar"
            }
            content += '<li class="perbaharui"><img src="' + img.replace(/\/s72-c/, "/s40-c") + '" class="thumbnail-perbaharui" alt="thumb" height="40px" width="40px"/>';
            content += '<strong><a href="' + link + '" target="_blank">' + title + '</a></strong><span class="tanggalnya"> diposkan pada ' + date + "</span></li>";
        }
        ct.innerHTML = content
    }
}

function getScript(url) {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = url;
    document.body.appendChild(s)
}
getScript("http://blog_name.blogspot.com/feeds/posts/summary?alt=json-in-script&orderby=updated&max-results=7&callback=updatedPosts"); 
//]]>
</script> 

• Tentukan default thumbnail, ini mencegah agar post yang tidak memiliki gambar tampil kurang baik.
• Ganti blog_name dengan nama blog anda
• Save Template dan lihat hasilnya

Tweet