Desain Blogger

Cara Membuat Widget Recent Posts / Label dengan Script

Cara Membuat Widget Recent Posts / Label dengan Script

Artikel ini adalah kelanjutan dari posting cara mengatasi judul nama widget blog yang suka menghilang.

Dalam beberapa kasus judul / nama widget blogger blogspot suka menghilang.

Kalau di edit dan dipasangkan lagi nama widgetnya, pasti suka hilang lagi. Ane juga udah googling dengan keyword bule, tidak ada jawaban.

Untuk mengatasi masalah judul widget artikel terbaru blog yang menghilang tanpa sebab, kita harus membuat dan memasangkan widget recent posts dengan script. Nggak ada cara lain.

Kode script dibawah ini pun ane dapetin melalui teman blogger sekampung. Dan semoga bekerja dengan baik di template blogger agan.

Cara Membuat Widget Recent Posts / Label dengan Script

Ada beberapa kode script yang bisa agan pakai dibawah ini. Pilih salah satu. Untuk cara pasangnya gampang, tutorial dibawah ini.

1. Tata letak > Add a Gadget
2. HTML / JavaScript
3. Copas kode dibawah ini
4. Simpan widget dengan namanya
5. Ok selesai.

<script type=”text/javascript”>
function recentpostslist(json) {
document.write(‘<ul>’);
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == ‘alternate’) {
break;
}
}
var entryUrl = “‘” + json.feed.entry[i].link[j].href + “‘”;//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = “<li>” + “<a href=”+ entryUrl + ‘” target=”_top”>’ + entryTitle + “</a> </li>”;
document.write(item);
}
document.write(‘</ul>’);
}
</script>
<script src=”/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist”></script>

<script type=”text/javascript”>
function recentpostslist(json) {
document.write(‘<ul>’);
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == ‘alternate’) {
break;
}
}
var entryUrl = “‘” + json.feed.entry[i].link[j].href + “‘”;//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = “<li>” + “<a href=”+ entryUrl + ‘” target=”_top”>’ + entryTitle + “</a> </li>”;
document.write(item);
}
document.write(‘</ul>’);
}
</script>
<script src=”/feeds/posts/summary/-/Label?max-results=5&alt=json-in-script&callback=recentpostslist”></script>

Nb: Apabila kategori labelnya lebih dari satu kata, tambahkan kode “%20” seperti dibawah ini:

/feeds/posts/summary/-/SEO
/feeds/posts/summary/-/Tips%20SEO
/feeds/posts/summary/-/Template%20Blog%20SEO

<script type=”text/javascript”>
function recentpostslist(json) {
document.write(‘<ul>’);
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == ‘alternate’) {
break;
}
}
var entryUrl = “‘” + json.feed.entry[i].link[j].href + “‘”;//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = “<li>” + “<a href=”+ entryUrl + ‘” target=”_top”>’ + entryTitle + “</a> </li>”;
document.write(item);
}
document.write(‘</ul>’);
}
</script>
<script src=”http://[namablog].blogspot.com/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist”></script>

Nah apabila kasusnya menimpa widget popular posts, mending ganti template blogger saja.

Saya sendiri belum mencoba kode popular posts dengan kode script tertentu. Jika bisa digunakan, mending pakai kode tersebut; artinya tidak perlu mengganti tempate.*


Terimakasih telah membaca di Aopok.com, semoga bermanfaat dan lihat juga di situs berkualitas dan paling populer Piool.com, peluang bisnis online Topbisnisonline.com dan join di komunitas Topoin.com.

Most Popular

To Top