Unlock Blog / Website Using Free Proxy
URL :
Selamat Datang di ihgilailmam.blogspot.com , Silahkan Cari disini apa yang anda Cari,dan Jangan lupa Follow & Commentnya ya !

Membuat Recent Post PerLabel

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. 

Read Users' Comments (2)

2 Response to "Membuat Recent Post PerLabel"

  1. Informasi Dunia Samaran says:
    27 Mei 2012 03.51

    wah infonya bagus sob..
    sangat bermanfaat & lengkap lagi..
    makasih ya :)
    salam kenal :)




    #Happy BLogging :D

  2. ihgilailmam says:
    28 Mei 2012 04.44

    Ok,Senang bisa membantu...

Posting Komentar


close