Cara Menambahkan Widget Artikel Terbaru Di Template Viomagz

Dalam blog ada sebuah Navigasi yang sangatlah penting sekali fungsinya, dengan adanya sajian tersebut pembaca sanggup dengan gampang melihat semua isi dari blog yang sedang di hampirinya selain itu pembaca juga akan menjadi lebih nyaman alasannya tidak kebingungan kalau ingin mencari artikel lainnya. Salah satunya widget yang sanggup membantu navigasi dalam blog yaitu widget artikel terbaru (resent posts)

Nah, bagi teman blogger yang kebetulan memakai template VioMagz dan belum memiliki widget artikel terbaru. kalau sedang tertarik ingin memasangnya, hening sajah, caranya sangat mudah, alasannya anda hanya perlu menambahkan sedikit aba-aba html sajah semoga Widget Artikel Terbaru sanggup muncul dihalaman blog anda.

Dan berikut ini yaitu aba-aba html untuk menampilkan widget tersebut.

Cara Menambahkan Widget Artikel Terbaru di Template VioMagz

Kode html dibawah ini yang sanggup anda pakai di blog semoga artikel terbaru blog anda sanggup dengan gampang ditemukan pembaca.

<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=5&alt=json-in-script&callback=artikelterbaru"></script>
</div>
</div>

Jika dalam template blog viomagz anda belum ada CSS Widget Artikel Terbaru yang menyerupai ini silahkan kopas juga dan pasang di atas kode

*/ Artikel Terbaru */
.artikel-terbaru ul li {
border-bottom: 2px dotted #efefef;
padding-bottom: 8px;
margin-bottom: 8px;
font-weight: 500;
}
.list-label-widget-content ul li, .LinkList ul li, .PageList ul li {
border-bottom: 2px dotted #efefef;
padding-bottom: 5px;
}
.artikel-terbaru ul li:before, .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before {
content: "\f14b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right: 6px;
}
.artikel-terbaru ul li:before {
content: "\f14b";
}
.list-label-widget-content ul li:before {
content: "\f07b";
}
.LinkList ul li:before {
content: "\f14c";
}
.PageList ul li:before {
content: "\f249";
}