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 bila ingin mencari artikel lainnya. Salah satunya widget yang sanggup membantu navigasi dalam blog yaitu widget artikel terbaru (resent posts)

Nah, bagi sahabat blogger yang kebetulan memakai template VioMagz dan belum memiliki widget artikel terbaru. bila sedang tertarik ingin memasangnya, damai sajah, caranya sangat mudah, sebab anda hanya perlu menambahkan sedikit arahan html sajah biar Widget Artikel Terbaru sanggup muncul dihalaman blog anda.

Dan berikut ini yaitu arahan html untuk menampilkan widget tersebut.

Cara Menambahkan Widget Artikel Terbaru di Template VioMagz

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

Selesai

Subscribe to receive free email updates: