Cara Membuat Recent Post Terbaru di Template Vio Magz
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>
[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
/* 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";
}
.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";
}
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>
<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
Admin Ganteng
Seorang penulis spesialis dibidang perkembangan bisnis di indonesia.
Bermanfaat banget artikelnya