Cara Membuat Recent Post Terbaru di Template Vio Magz

Cara Membuat Recent Post Terbaru di Template Vio Magz
Recent Post atau kita biasa menyebutnya sebagai artikel terbaru, related articles, postingan terkait yang fungsinya untuk optimasi blog, untuk mempercantik tampilan blog, untuk jalan pintas atau shortcut.

Hal ini tentunya akan meningkatkan trafik blog kita, dengan demikian ada kemungkinan untuk recent post ini akan memberikan efek positif yaitu bertambahnya pengunjung yang tentunya dapat sebagai pemberitahuan postingan terupdate.

Sebelumnya, template viomagz sudah memiliki widget yang sangat keren dan tentunya responsife. Namun sebagian orang masih kurang puas dengan hal tersebut, oleh sebab itu banyak orang ingin merubah tampilan recent post dengan yang lebih keren ataupun ringan.

Nah dipostingan kali ini saya akan membagikan cara merubah tampilan recent post di template viomagz dengan mudah, dan tentunya recent post ini sangat responsife.

Nah untuk itu siahkan perhatikan tutorial berikut ini

Cara Membuat Recent Post Terbaru di Template Vio Magz

1. Buka Blogger --> Tema --> Edit HTML. Kemudian cari code </stye> dan letakkan code dibawah ini tepat diatas code </style>
/* Artikel Terbaru */
.artikel-terbaru ul li {
border-bottom: 2px dotted #d0e0e3;
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 #d0e0e3;
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";
}
[Nb: Jika sudah terdapat script seperti diatas di template Vio Magz, maka anda bisa mengantinya agar bisa lebih tertata rapi.]
Kemudian klik simpan.

2. Setelah itu kalian masuk Tata Letak --> Tambah Gadget -->Pilih HTML/JavaScript. Jika sudah copy semua code dibawah ini dan klik save
<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>


Nah kurang lebih begituah cara cara membuat/merubah recent post di template vio magz. Jika terjadi error ataupun tidak paham, silahkan untuk berkomentar