Cara Membuat Recent Post by Label Blogger Dengan Mudah

Premium By Raushan Design With Shroff Templates

 

Cara Membuat Recent Post by Label Blogger Dengan Mudah

Langkah - langkah cara membuat recent post by label di blogger sangat mudah, dan semoga artikel ini dapat dengan mudah dimengerti.

1. Masuk ke dasbor blogger
2. Buka halaman Tata Letak
3. Klik Tambahkan Gadget
4. Pilih gadget HTML/JavaScript
5. Masukkan script recent post by label pada bagian Konten / Conten
6. Setting sesuai keperluan
7. Dan terakhir jangan lupa klik Simpan / Save

Nah, itulah langkah - langkah yang harus sobat lakukan untuk membuat recent post by label di blogger, sangat mudah bukan :-)

Adapun script recent post by label yang harus sobat masukkan pada bagian Konten gadget HTML/JavaScript adalah ini

<script type='text/javascript'>
function showrecentposts(json) 
{
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>');
}
var numposts = 5;
var standardstyling = true;
</script>
<style type='text/css'>
.LatestPost li{
list-style:none;
margin:0;
padding:0.5em 0;
border-bottom:1px dashed;
}
</style>
<div class='LatestPost'>
<script type='text/javascript' src='/feeds/posts/default/-/blogger%20tutorial?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'></script></div>

Keterangan :

• Pada script di atas terdapat angkah 5 pada var numposts = 5;, silakan ganti angka 5 tersebut dengan jumlah artikel yang ingin ditampilan
• Pada script recent post by label di atas juga terdapat kode blogger%20tutorial, silakan ganti kode tersebut dengan nama label blog sobat yang ingin ditampilkan daftar artikel terbarunya. bagian ini yang terpenting untuk menampilkan latest post / daftar artikel terbaru berdasarkan label yang diinginkan.
• Satu lagi, pada kode di atas juga terdapat kode CSS yang mana kode ini bisa sobat gunakan untuk memodofikasi tampilan dari daftar artikel terbaru berdasarkan label tersebut, yang mana kode CSS yang bisa sobat modifikasi berada antara kode <style type='text/css'> dan </style>.

Selamat mencoba, dan semoga berhasil.