Untuk menampilkan semua judul post yang ada pada label tertentu pada blogspot misalnya label Web Tutorial menggunakan blogger code memang sulit dilakukan. Karena blogger code hanya didesain khusus untuk menampilkan postingan apa adanya tanpa kita bisa melakukan query tertentu ke database secara langsung pada template.
Untuk mengakalinya, blogger menyediakan alternatif menggunakan JSON Script (json-in-script) yang dapat melakukan query tertentu dari blog. Salah satunya yaitu menampilkan semua posting berdasarkan label tertentu.
Script berikut berguna untuk menampilkan semua posting berdasarkan label tertentu secara dinamis.
- Contoh untuk label Web Tutorial :
<script type="text/javascript">
function ShowTitleByLabel(json){
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') {
var postUrl = json.feed.entry[i].link[j].href;
break;
}
}
var postTitle = json.feed.entry[i].title.$t;
var postSummary = json.feed.entry[i].summary.$t;
var item = '<ul><li><a href=' + postUrl + ' target="_blank">' + postTitle + '</a></li></ul>';
document.write(item);
}
}
</script>
<script src="http://www.alfabet.web.id/feeds/posts/summary/-/Web%20Tutorial?max-results=5&alt=json-in-script&callback=mycallback"></script>Hasilnya :- Contoh untuk label Windows Tutorial :
<script type="text/javascript">
function ShowTitleByLabel(json){
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') {
var postUrl = json.feed.entry[i].link[j].href;
break;
}
}
var postTitle = json.feed.entry[i].title.$t;
var postSummary = json.feed.entry[i].summary.$t;
var item = '<ul><li><a href=' + postUrl + ' target="_blank">' + postTitle + '</a></li></ul>';
document.write(item);
}
}
</script>
<script src="http://www.alfabet.web.id/feeds/posts/summary/-/Windows%20Tutorial?max-results=7&alt=json-in-script&callback=mycallback"></script>Hasilnya :
Lihatlah baris yang ditandai (no. 17) pada script diatas. Pada url akhir dari script pertama menggunakan
Web%20Tutorial?max-results=5. kode ini berfungsi untuk menampilkan label Web Tutorial dengan total maksimal 5 post.Begitu juga dengan baris kedua, menggunakan
Windows%20Tutorial?max-results=7 yaitu akan menampilkan label Windows Tutorial dengan total maksimal 7 post.Untuk url, silahkan diganti dengan alamat blog anda.