Navigasi judul pada blog sangatlah penting, dengan adanya navigasi pembaca dapat dengan mudah melihat semua isi dari blog tersebut. selain itu juga pembaca menjadi lebih nyaman karena tidak perlu bingung jika ingin mencari artikel lainnya. salah satu widget yang dapat membantu navigasi pada blog adalah widget artikel terbaru.
Untuk tampilannya sendiri banyak pilihan yang kita gunakan seperti artikel terbaru dengan gambar atau juga snippet. untuk tutorial kali ini saya akan memberikan script widget artikel terbaru yang simple dan ringan. agar kecepatan loading pun tidak terlalu berpengaruh.
oke langsung aja berikut caranya
1. Buka blogger => tata letak => tambahkan gadget
2. Selanjutnya pilih HTML/Javascript dan masukkan kode berikut :
<div style="background-color: #B0E0E6;
padding: 20px; text-align: left;">
<div class='widget-content'>
<div class='artikel-terbaru'>
<script>
function artikelterbaru(e){document.write("<ul>");for(var
t=0;t<e.feed.entry.length;t++){for(var
r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var
n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a>
</li>";document.write(n)}document.write("</ul>")}
</script>
<script
src="/feeds/posts/summary/?max-results=8&alt=json-in-script&callback=artikelterbaru"></script>
</div>
</div></div>
3. Terakhir beri nama dan klik save, maka tampilannya akan seperti ini contoh gambar. Baca Juga : Cara-menetapkan-ikon-kaca-pembesar
Bagaimana Reaksi Anda Tentang Artikel Ini?
Komentar
Posting Komentar
SILAKAN KOMENTAR SESUAI TOPIK.....