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'>Jika dalam template blog viomagz anda belum ada CSS Widget Artikel Terbaru yang menyerupai ini silahkan kopas juga dan pasang di atas kode
<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>
*/ 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