Trik Membuat Recent Posts dan Recent Comments Di Blogspot

Mungkin banyak dari para blogger newbie, termasuk saya setidaknya sebelum menulis artikel ini yang belum tahu bagaimana cara membuat recent comments/komentar terakhir dan recent posts/postingan terakhir. Apa gunanya? Banyak sekali kegunaan dari kedua widget tersebut, antara lain:

1. Recent posts digunakan untuk mempermudah pengunjung dalam mengetahui shortcut/judul postingan terbaru pada blog kita, sehingga mereka tahu apa saja yang kita posting(terutama yang terbaru)

2. Recent comments dapat kita gunakan untuk memantau siapa saja yang berkomentar di blog kita. Ini sangat bermanfaat, dari pada kita harus melihat satu-persatu lewat detail postingan.

Nah setelah mengetahui secara singkat manfaat dari kedua widget ini, sekarang saya akan memberikan trik bagaimana membuatnya. Meskipun trik ini sudah banyak yang membahasnya, barangkali masih berguna bagi temen-temen yang belum tahu. Sebenarnya banyak sekali cara untuk membuat kedua widget ini, seperti menggunakan widget creator, feed, dan dengan memasukkan script javascript. Untuk optimasi loading agar lebih ringan memang menggunakan feed lebih ringan daripada javascript, tetapi javascript lebih mempunyai fitur yang lengkap sehingga “sedap” untuk dilihat.

Berikut beberapa trik yang saya maksud:
1. Recent Post

• Menggunakan feed default blogger

http://xxxxxxx.blogspot.com/feeds/posts/default
http://xxxxxxx.blogspot.com/feeds/posts/full
http://xxxxxxx.blogspot.com/feeds/posts/summary

–> teks yang dicetak merah adalah alamat blog Anda.

–> untuk mengetahui perbedaannya, silahkan dicoba satu-persatu

• Menggunakan feed dari FeedBurner
http://feeds.feedburner.com/xxxxxx

–> teks yang dicetak merah adalah nama feed Anda.

• Menggunakan javascript

<script style=”text/javascript” src=”http://www.geocities.com/oom_directory/recentpost.txt”&gt;
</script>
<script style=”text/javascript”>var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>
<script src = “http://xxxxxxx.blogspot.com/feeds/posts/default?orderby = published&alt = json-in-script&callback = showrecentposts”></script>

–> sebenarnya terdapat 3 script yang kita tuliskan (sesuai warnanya).

–> kuning: adalah sumber dari script kita, bisa dilihat di alamat urlnya. Kebetulah kita menggunakan scriptnya O-Om

–> hijau: nilai variabel yang bisa kita customisasi/rubah sesuai selera

–> merah: script feed blog kita, silahkan ubah alamat url yang dicetak tebal dengan alamat blog Anda

2. Recent Comments

* Menggunakan feed default blogger
http://xxxxxx.blogspot.com/feeds/comments/default

http://xxxxxx.blogspot.com/feeds/comments/full

http://xxxxxx.blogspot.com/feeds/comments/summary

–> teks yang dicetak merah adalah alamat blog Anda.

–> untuk mengetahui perbedaannya, silahkan dicoba satu-persatu

* Menggunakan javascript

<script style=”text/javascript” src=”http://www.sputnixshop.com/komentar.txt”&gt;

</script><script style=”text/javascript”>var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 50;var standardstyling = true;</script>

<div style = “font-size:12px”><script src = “http://xxxxxx.blogspot.com/feeds/comments/default?alt = json-in-script&callback = showrecentcomments”>
</script>
</div>

–> kali ini kita juga menggunakan 3 script yang kita tuliskan (sesuai warnanya).

–> kuning: adalah sumber dari script kita, bisa dilihat di alamat urlnya. Kebetulah kita menggunakan script orang lain juga

–> hijau: nilai variabel yang bisa kita customisasi/rubah sesuai selera

–> merah: script feed blog kita, silahkan ubah alamat url yang dicetak tebal dengan alamat blog Anda

Cara Pemasangan

1. Menggunakan Feed

–> Tambahkan widget baru pada menu Layout->Page Element. Pilih widget Feed dan isikan alamat feed sesuai alamat yang Anda pilih diatas.

2. Menggunakan Javascript

–> Tambahkan widget html/javascript pada menu Layout->Page Element, dan isikan judul serta teks javascriptnya.

Sekian, semoga bermanfaat

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: