DurfMSu0Qxmk2O77Srei8VZ6q4jtkNf1l2GZimEB
Bookmark

Cara Memasang Widget Daftar Atikel Berdasarkan Label

Cara Memasang Widget Daftar Atikel Berdasarkan Label

Kali ini Santai Bareng NET akan membagikan Cara Memasang Widget Daftar Atikel Berdasarkan Label supaya tampilan widget lebih simple dan lebih menarik untuk dilihat. Sebelumnya telah dibagikan Cara Memasang Widget Daftar Atikel Berdasarkan Label (Bergambar). Jadi kali ini adalah versi yang sederhananya.

Jika sobat ingin membuat tampilan halaman label lebih rapi, sobat bisa mencoba Cara Membatasi Jumlah Postingan di Halaman Label.

Cara Memasang Widget Daftar Atikel Berdasarkan Label

1. Masuk ke blogger
2. Pilih Menu Tata Letak - Tambah Widget - HTML/JavaScript
3. Tambahkan kode berikut ini:
 
<script style="text/javascript">
var numposts = 8;
var standardstyling = true;
</script>
<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>');}</script>
<script src="https://www.santaibareng.net/feeds/posts/default/-/Gadget?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>{codeBox}

Keterangan:
  • Angka 8 menunjukan jumlah postingan yang ditampilkan
  • www.santaibareng.net ubah dengan alamat blog sobat
  • Gadget ubah dengan kategori label yang diinginkan{alertInfo}

4. Simpan.

Terkait dengan widget label blog, sobat juga bisa mencoba tutorial Cara Membuat Kotak Label Menjadi 2 Kolom untuk blog sobat agar lebih rapi.

Sekian tutorial blogger pemula mengenai Cara Memasang Widget Daftar Atikel Berdasarkan Label. Semoga bermanfaat!