News Update :

Membuat Recent Post Tiap Label di Blogger

Diposting oleh : Posted on Minggu, 21 Oktober 2012 - 1:11 AM with No comments

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 ketelitia
n.
Share this Article on :
Membuat Recent Post Tiap Label di Blogger
Item Reviewed: Membuat Recent Post Tiap Label di Blogger 9 out of 10 based on 10 ratings. 9 user reviews.

0 komentar:

Posting Komentar

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.