Widget Recent Post/Posting Terbaru Hanya Judul Saja
Widget recent post/posting terbaru yang saya share kali ini adalah widget yang berisi posting terbaru hanya judul saja tanpa gambar thumbnail. Widget ini dapat ditambahkan dengan mudah. Widget ini saya buat dengan sangat sederhana dan simple sehingga tidak akan memberatkan blog anda.Cara Membuat Widget Recent Post/Posting Terbaru Hanya Judul Saja
1. Pada Dasboard akun blogger sobat pilih tata letak
2. Tambahkan gadget HTML/JavaScript
3. Salin kode ini dan letakan pada formulir / gadget yang anda tambahkan tadi.
<ol id="recent-posts"></ol>
<style>
.recent-posts a {
text-decoration:none;
overflow:hidden
}
.recent-posts a:hover {
color:orange;
text-decoration:underline;
}
.author {
display:block;
opacity: 0.7;
}
</style>
<script>
//<![CDATA[
var homePage = "http://alamat blog/", // Your blog homepage
numPosts = 5 ; //Jumlah Posting Yang Ingin ditampilkan
//]]>
</script>
<script>
// Recent Post widget for Blogger
// Author: yOu w4hyOu
// http://www.infokmoe.id
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,
postAuthor = e[i].author[0].name.$t,
pd = e[i].published.$t.substring(0, 10).split("-"),
o = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
content += '<li class="recent-posts"><strong><a href="' + link + '" title="' + title + '" target="_blank">' + title + '</a></strong>';
content += '<span class="author"><time datetime=' + pd.join("-") + '>' + (pd[2] + " " + o[(parseInt(pd[1], 10) - 1)] + " " + pd[0]) + '</time> | <span>' + postAuthor + '</span></span></li>'
}
ct.innerHTML = content
}
}
var you_script = document.createElement('script');
you_script.src = homePage + '/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(you_script);
</script>
Konfigurasi Widget
| Opsi | Keterangan |
|---|---|
| homePage | Ganti dengan URL blog Anda. |
| numPosts | Digunakan untuk menentukan jumlah posting yang akan ditampilkan. |
Untuk gaya dan desain tampilannya silahkan edit CSS nya sesuai dengan keinginan dan kreasi anda
Widget recent post/posting terbaru yang saya share kali ini adalah widget yang berisi posting terbaru hanya judul saja dengan mudah.
Blok kemudian tekan tombol
Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..