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 sebab tidak kebingungan jikalau 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. jikalau sedang tertarik ingin memasangnya, damai sajah, caranya sangat mudah, sebab anda hanya perlu menambahkan sedikit isyarat html sajah supaya Widget Artikel Terbaru sanggup muncul dihalaman blog anda.

Dan berikut ini ialah isyarat html untuk menampilkan widget tersebut.

Cara Menambahkan Widget Artikel Terbaru di Template VioMagz

Kode html dibawah ini yang sanggup anda pakai di blog supaya 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";
}