Sunday, July 28, 2013

Widget Recent Posts Blogger Berdasarkan Label Atau Kategori



Recent Posts Perlabel












 cara menambahkan widget recent posts blogger berdasarkan label atau kategori pada blog:
Langkah Pertama

  • Login ke akun anda>> pada dasbor>> klik template >> edit HTML
  • Cari kode berikut ]]></b:skin> dan letakkan kode CSS dibawah ini diatas kode tadi
/* 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{}
  • Selanjutnya cari kode </head> kemudian letakkan script berikut diatasnya
<script src='http://tipstrikblogging.googlecode.com/files/newslabelchoice.js' type='text/javascript'/>
  • Save/ simpan template.
Langkah Kedua
  • Masih pada dasbor>> klik>> Tata Letak>> tambah gadget
  • Pilih HTML/JavaScript
  • Letakkan kode berikut pada form yang muncul dan beri judul yang anda inginkan
<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>
Keterangan script diatas: Numposts adalah angka jumlah posting yang ingin ditampilkan.
Jika tidak ingin menampilkan thumbnail ganti true menjadi false
Jika ingin menampilkan tanggal, read more, dan summary semua yang bertuliskan false ganti menjadi true
Tulisan berwarna merah ganti dengan label postingan yang anda pilih.
  • Simpan dan lihat hasilnya diblog anda!

0 comments:

Post a Comment