Menampilkan recent post berdasarkan label di blog

Friday, August 20, 2010


Banyak widget-widget recent post disana yang lebih kompleks, namun kali ini saya kasih script yang lebih sederhana dan efektif untuk dipasang pada blog anda. Recent post kali ini akan menampilkan postingan blog menurut labelnya. Jadi kalau anda mau menampilkan list postingan dengan label-label tertentu saja bisa menggunakan trik ini.

Silakan copy kode dibawah

<script type="text/javascript">
function recentpostslist(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') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<br>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</br>');
}
</script>
<script src="http://blog-tutorial-menarik.blogspot.com/feeds/posts/summary/-/NamaLabel?max-results=10&alt=json-in-script&callback=recentpostslist"></script>



Berikut penjelasannya:
- paste script ini di gadget baru html/javascript pada edit layout
- Nama blog diganti dengan nama blog anda atau blog lainnya sesuai keinginan
- max-results=10, artinya script akan menampilkan 10 link postingan saja, bisa diatur sendiri mau berapa banyak link yang muncul
- NamaLabel diganti dengan nama label yang ada di blog. Ingat, sifatnya case sensitive


Tambahan, jika anda ingin menampilkan seluruh recent post blog tujuan tanpa melihat label, tinggal ubah link
http://nama blog.blogspot.com/feeds/posts/summary/-/NamaLabel
menjadi
http://nama blog.blogspot.com/feeds/posts/default

Selamat mencoba

Trik mengkompres javascript supaya cepat loading


Javascript merupakan salah satu komponen penting dalam blog/website. Nah, seringkali javascript yang digunakan terlalu banyak sehingga harus diloading satu-satu. Loading javascript ke browser dilakukan secara sekuensial line per line dari atas sampai bawah, jadi tidak sekaligus loading. Akibatnya blog menjadi lama loadingnya akibat proses ini.

Disini saya punya 1 trik bagaimana mengoptimalkan loading javascript blog anda dengan cara mengkompressnya. Selain memperkecil ukuran javascript, teknik ini juga menyatukan beberapa javascript menjadi 1 sehingga lebih efisien.

Sekarang anda masuk dulu kesini, closure compiler service. Maka anda akan menemukan tampilan seperti ini



Pertama-tama, tekan tombol reset dulu untuk membersihkan "hello world" disana. lalu buka template anda dan copy alamat-alamat javascript anda yang kira2 seperti ini.

<script src="http://www.namasitus.com/javascript.js" />
ambil yang dari "http://...... .js"
Backup dulu template anda sebelumnya.. :D
Setelah itu anda paste ke kotak add a URL kemudian klik tombol add
Lakukan proses yang sama untuk javascript lainnya yang akan disatukan, terserah mau berapa banyak. Setelah itu tekan tombol compile

Disampingnya akan muncul javascript-javascript anda yang telah dicompile, tinggal copy kode tersebut ke notepad dengan nama terserah.js atau klik link default.js untuk mendownload kode hasil kompilasi.

Nah, setelah anda dapat kode .js-nya tinggal upload kembali ke file hosting semacam google site atau google code dan link kembali ke template blog anda. Save template dan rasakan bedanya.. :D

Bagi yang belum ngerti boleh tanya-tanya disini..