Pada intinya, sebenarnya cara membuat artikel terbaru perlabel ini sama seperti pada postingan saya yang sebelumnya yang berjudul Membuat artikel terbaru dengan thumbnail, dan disini kita hanya menambahkan sedikit kode. Berikut adalah langkah - langkah nya :
1. Login ke blogger
2. Masuk ke menu Tata Letak > Tambah Gadget > Pilih HTML / Javascript
3. Masukan kode skrip dibawah ini
4 Jika sudah selesai, tinggal Save dan lihat hasilnya.
var numchar = 75 adalah jumlah huruf atau karakter yang tampil
1. Login ke blogger
2. Masuk ke menu Tata Letak > Tambah Gadget > Pilih HTML / Javascript
3. Masukan kode skrip dibawah ini
<div class='widget-content'>
<right><style>
img.recent_thumb
{padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0
0 5px 0px;}
.recent_posts_with_thumbs {float: left;width:
100%;min-height: 50px;margin: 0px 0px 5px 0px;padding:
0;font-size:15px;font-color:black;font-family:calibri;}
ul.recent_posts_with_thumbs li
{padding-bottom:2px;padding-top:2px;padding-left:0px;padding-right:10px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript">
var numposts = 5;
var showpostthumbnails = false;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 75;
</script>
<script src="/feeds/posts/default/-/LABEL?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
</div>
4 Jika sudah selesai, tinggal Save dan lihat hasilnya.
Keterangan :
- Perhatikan Teks yang berwarna Orange (LABEL) kalian ganti dengan nama Label yang ada pada blog kalian.
- Perhatikan Teks yang berwarna Orange (LABEL) kalian ganti dengan nama Label yang ada pada blog kalian.
- Perhatikan teks yang berwarna Biru :
var numposts = 10; adalah jumlah post / artikel yang akan tampil
var showpostthumbnails = true;
adalah thumbnail atau gambar yang tampil, true untuk menampilkannya dan ubah menjadi false untuk tidak menmpilkan thumbnail.var displaymore = false;
adalah teks seperti Readmore, true untuk menampilkannya dan false untuk tidak menmpilkannya.var displayseparator = false;
adalah garis pemisah yang akan memisahkan setiap postingan , true untuk menampilkannya dan false untuk tidak menmpilkannyavar showcommentnum = false;
adalah komentar yang ada pada postingan , true untuk menampilkannya dan false untuk tidak menmpilkannyavar showpostdate = false;
adalah tanggal postingan dibuat , true untuk menampilkannya dan false untuk tidak menmpilkannyavar showpostsummary = true;
adalah keterangan suatu postingan yang tampil, true untuk menampilkannya dan false untuk tidak menmpilkannya
0 komentar:
Posting Komentar