Latest News

Wednesday, 4 March 2015

Cara membuat recent Post perlabel Keren

sekarang lagi musim musimnya ngeblog dulu nih, saya akan share cara membuat recent Post perlabel Keren, setelah saya menshare cara membuat banner terselubung seakarang saya mencoba untuk meshare lagi kode cara membuat recent post perlabel, lihat gambar dibawah ini
Atau anda bisa mengklik bagian side bar pada blog ini pada sebelah kanan 



Recent post dengan gambar dan judul postingan serta sedikit cuplikan postingan, langkah langkahnya seperti ini

Login ke akun anda>> pada dasbor>> klik template >> edit HTML Cari kode berikut 
]]></b:skin> dan letakkan kode CSS dibawah ini diatas kode tadi (untuk mempermudah mencari kode tekan Ctrl+F).
/* 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.
Selanjutnya meletakna widget recent Post perlabel Keren, 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! lihat hasilnya serti dibawah ini

 Semoga bermanfaat dan artikel ini saya jiplak dari blog tipstrikblogging.blogspot.com 

Recent Post