Layaknya sebuah blog yang ingin terlihat profesional, harus juga
menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu
navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu
blog juga
menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.
Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi.
Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan
jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini
ada, tutorial blog, tips ngeblog, widget dan sebagainya.
Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau
memasang widget recent post yang di tampilkan berdasarkan kategori atau
recent post per
label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik
postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.
Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih
Template kemudian
Edit HTML
3. Jangan lupa centang
Expand Template Widget
4. Masukkan kode css berikut di atas kode
]]></b:skin>
img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f;
background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}
5. Lalu cari kode
</head> dan letakkan kode di bawah ini tepat di atas:
<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>
6.
Simpan Template jika sudah selesai.
Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika
sudah selesai kita ke langkah berikutnya untuk menambahkan recent post
per label, yaitu:
7. Pilih
Tata Letak lalu tambahkan
Tambah Gadget >
HTML/Javascript
8. Kemudian masukan kode berikut ini:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna
merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan
ditampilkan. Simpan jika sudah selesai.