Membuat Reccent Posts

Reccent Posts (posting terbaru) adalah satu hal yang menurut saya penting, khusunya bagi para pengunjung blog/web kita. Dengan ditampilkannya postingan terbaru dari blog kita, jadi pengunjung dapat mengetahui perkembangan posting-posting yang kita tulis.
Tidak usah panjang lebar lagi, langsung saya akan membagikan infonya... ^^...

Langkahnya seperti berikut:
1. Login ke Bloggerwww.blogger.com

2. Klik Rancangan, pilih lokasi, kemudian Tambah Gadget dan pilih HTML/Javascript.

3. Masukan judulnya dan bagian bawahnya diisi dengan kode berikut:
<style>
img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script style="text/javascript" src="https://sites.google.com/site/asalsuka01/home/recentposts2.js"></script>
<script style="text/javascript">
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = false;
var showpostsummary = true;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
4. Simpan dan lihat hasilnya...^^

Yang harus diubah adalah:
  • var numposts = diisi dengan angka, berapa jumlah posting terbaru yang akan ditampilkan
  • var showpostthumbnails = diisi "true"(jika mau menampilkan gambar) atau "false"(jika tidak menampilkan gambar)
  • var displaymore = diisi "true"( jika mau menampilkan baca selengkapnya) atau "false"(jika tidak mau menampilkan baca selengkapnya)
  • var displayseparator = diisi "true"(Jika mau menampilkan garis pemisah antar posting) atau "false"(Jika tidak mau menampilkan garis pemisah antar posting)
  • var showcommentnum = diisi "true"(Jika mau menampilkan jumlah komentar tiap posting) atau "false"(Jika tidak mau menampilkan jumlah komentar tiap posting)
  • var showpostdate = diisi "true"(Jika mau menampilkan tanggal posting) atau "false"(Jika tidak mau menampilkan tanggal posting)
  • var showpostsummary = diisi "true"(jika mau menampilkan ringkasan singkat posting) atau "false"(jika tidak mau menampilkan ringkasan singkat posting)
  • var numchars = diisi dengan angka, berapa banyak huruf yang akan ditampilkan (jika var showpostsummary= true)

Demikianlah hal yang perlu diperhatikan oleh anda..  Kreasikan gaya anda tersendiri... ^^..

Terima kasih sudah berkunjung...
Happy Blogging ^^....
Label: ,