Cara Menciptakan Recent Post By Label / Latest Post Di Blogger

Baca Juga

Pada artikel sebelumnya saya sudah menuliskan tutorial bagaimana cara menciptakan recent post sederhana di blogger loading cepat, dan pada kesempatan kali ini saya akan membahas ihwal script recent post / script latest post di blogger lagi, yaitu bagaimana cara menciptakan recent post by label di blogger memakai sebuah script, yang mana script recent post by label untuk blogger ini akan menampilkan latest post / daftar artikel terbaru menurut label yang kita tentukan sendiri.

Pada dasarnya tutorial cara menciptakan recent post by label di blogger ini sama saja dengan cara menciptakan recent post sederhana di blogger, yang membedakan ialah script yang digunakan, sehingga ada sedikit perbedaan pengaturannya.

Sebelum kita mulai tutorial bagaimana cara menciptakan recent post by label di blogger ini, mungkin teman ingin melihat bagaimana tampilan recent post bay label di blogger ini nantinya, untuk itu silakan lihat gambar berikut.

Nah, menyerupai itulah nantinya tampilan dari recent post by label di blogger.
Oke, mari kita lanjut.

Cara Membuat Recent Post by Label Blogger Dengan Mudah

Langkah - langkah cara menciptakan recent post by label di blogger sangat mudah, dan supaya artikel ini sanggup dengan gampang 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 bab Konten / Conten
6. Setting sesuai keperluan
7. Dan terakhir jangan lupa klik Simpan / Save

Nah, itulah langkah - langkah yang harus teman lakukan untuk menciptakan recent post by label di blogger, sangat gampang bukan :-)

Adapun script recent post by label yang harus teman masukkan pada bab Konten gadget HTML/JavaScript ialah 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 arahan blogger%20tutorial, silakan ganti arahan tersebut dengan nama label blog teman yang ingin ditampilkan daftar artikel terbarunya. bab ini yang terpenting untuk menampilkan latest post / daftar artikel terbaru menurut label yang diinginkan.
• Satu lagi, pada arahan di atas juga terdapat arahan CSS yang mana arahan ini sanggup teman gunakan untuk memodofikasi tampilan dari daftar artikel terbaru menurut label tersebut, yang mana arahan CSS yang sanggup teman modifikasi berada antara arahan <style type='text/css'> dan </style>.

Selamat mencoba, dan supaya berhasil.