2012-06-26

Recent Post Tiap Label di Blogger

Sebuah tutorial yang akan membahas tentang bagaimana menampilkan recent posts berdasarkan label atau kategory yang kita inginkan, pada widget ini kita isa menentukan apa saja posting dalam kategory apa saja yang akan kita tampilkan dan kita dapat mengatur Thumbnail, Ringkasan dan juga judul, meta dan lain-lain. kurang lebihnya seperti dibawah ini.


Untuk menampilkan posting tiap label dengan gambar tersebut kita cuma butuh beberapa script, dibawah ini yang bisa kita lakukan untuk menerapkannya :

1. Login ke blogger
2. Klik Template >> Edit HTML
3. Letakkan CSS berikut diatas ]]></b:skin>
/* LABEL CHOOSE
================================================ */
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
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;
padding:0}
ul.label_with_thumbs li{
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a{}
.label_with_thumbs strong{}
4. Selanjutnya cari kode </head>
5. Kemudian letakkan kode berikut tepat atas </head>
<script src='http://u-sup.googlecode.com/files/newslabelchoice.js' type='text/javascript'/>
6. Save Template
7. Lihat navigasi kanan dan Klik "Layout"
8. Klik Add Gadget >> pilih "HTML/javascript"
9. Letakkan kode dibawah pada form yang muncul dan isikan judul sesuai keinginan
<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/-/Category Here?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
# Rubahlah teks merah (Category Here) dengan kategori yang ingin ditampilkan.
10. Simpan

Sekarang lihat blog apakah sudah tampil atau belum, apabila posting label belum tampil dibawah ini kemungkinan yang biasanya terjadi :
1. Kesalahan menulisakan label/kategory, atau penulisan yang tidak sesuai (huruf besar/kecil mempengaruhi)
2. Peletakkan Script langkah no.4
3. Penyalinan kode yang tidak sempurna

Beberapa masalah diatas yang biasanya terjadi dalam penerepan sebuah script baik di blog maupun website, jadi silahkan cermati dengan seksama karena memang butuh ketelitian.

Dapatkan artikel terbaru seperti Recent Post Tiap Label di Blogger langsung ke Email kamu..!!!