Senin, 17 Juni 2013

Membuat Recent Post Berdasarkan Kategori

Sebuah blog belum lengkap jika belum ada widget recent post di sidebar. Seperti kita ketahui recent post berfungsi untuk menampilkan postingan terbaru di blog. Dengan memasang Recent posts di blog maka pengunjung dapat dengan cepat mengetahui topik apa yang sedang dibahas di blog kita. Pada postingan sebelumnya saya sudah pernah membahas tentang cara membuat recent post thumbnail + spy. Kali ini saya akan memberikan tutorial membuat recent post berdasar kategori. Sebenarnya tidak ada yang istimewa di widget ini. Sama seperti Recent Post pada umumnya, widget ini menampilkan beberapa post di blog kita yang bisa pengunjung sortir berdasar kategori.


Gambar diatas adalah contoh widget recent post berdasarkan kategori. Jika teman-teman ingin melihat contoh widget ini bisa dilihat di sidebar blog ini. Baiklah kita langsung aja ke cara pasangnya:
  1. Masuk ke blogger dengan akun anda.
  2. Kemudian pilih halaman tata letak (Layout)
  3. Pilih elemen laman >> pilih add a gadget (tambah gadget)
  4. Kemudian pilih HTML/Javascript
  5. Copy paste code di bawah ini
<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000"> <span id="pbl_labels"></span> <div id="pbl_posts"> Recent Posts </div> <script type="text/javascript"> var jumlah_maksimum_post = 10; var dengan_ringkasan = true; var jumlah_karakter_ringkasan = 100; </script> <script src="https://masolis-javascript.googlecode.com/svn/trunk/recent-post.js"> </script> <script src="http://irrafeisal.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed"> </script></div>

Keterangan :
-  Ganti alamat blog yang di bold dengan alamat blog Anda.
-  var jumlah_maksimum_post = 10 adalah jumlah maksimum post yang ingin ditampilkan
-  var dengan_ringkasan = true ganti "true" dengan "false" jika tidak mau disertai ringkasan
-  var jumlah_karakter_ringkasan = 100 adalah jumlah karakter ringkasan post Anda 

     6. Terakhir yang mesti anda lakukan adalah simpan atau save
Sangat mudah bukan? Anda tinggal menambahkan gadget, masukkan kodenya tanpa harus edit HTML. Demikian tadi tutorial cara membuat recent post berdasarkan kategori, jika ada kesulitan jangkan sungkan untuk mengisi kotak komentar yang ada dibawah. Selamat mencoba dan semoga bermanfaat.

Tidak ada komentar:

Posting Komentar