Cara Buat Widget Postingan Terbaru Template Viomagz

Admin
Admin
April 13, 2020
Candilkuya.com - Bagaimmana Cara Membuat Widget Postingan Terbaru Viomagz Mudah Kox,  Tenang Saja, Pada Kesempatan Kali Ini Saya Akan Tutorialkan Cara Membuat Widget Postingan Terbaru Khusus Buat Sobat Candil Yang Saat Ini Menggunakan Template Viomagz.

Widget Postingan Terbaru atau biasa kita kenal sengan sebutan Recent Post pada sebuah Blog diperlukan supaya pengunjung mudah melihat Postingan Blog Kita Yang Terakhir Di Publish.

Widget Recent Post Viomagz

Widget Postingan Terbaru Atau Recenpost Biasanya Terpasang Di Bagian Sidebar Sebelah Kanan Tampilan Dekstok, tapi Namun tidak menjadi  satu keharusan sih pada sisi kanan semua tergantung keinginan sobat Candil Saja.

Oke Mungkin Tidak Usah Berlama Lama, Langsung Saja Kita Buatkan Tutorialnya.

Cara Membuat Widget Postingan Terbaru Template Viomagz


  • Langkah Yang Pertama Silahkan kamu login ke Blogger.com dengan menggunakan Gmail kamu.
  • Masuk ke menu TEMA > Klik Edit HTML dan pastekan kode dibawah ini tepat dibawah kode /* Blogger CSS


 /* Recent Post */
.artikel-terbaru ul li {
    border-bottom: 2px dotted $(label.border.color);
    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 $(label.border.color);
    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"; 
}



  • Jika sudah silahkan klik SIMPAN, selanjutnya
  • Masuk ke menu TATA LETAK > Tambahkan Gadget Sidebar
  • Klik tanda + pada pilihan HTML/JavaScript
  • Silahkan masukan kode HTML dibawah ini tepat dikolom tersebut, dan tuliskan judulnya Artikel Terbaru Atau Recent Post


 <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=10&alt=json-in-script&callback=artikelterbaru"></script>
</div>


  • Tinggal Save Dan Lihat Hasilnya
Naah Bagaimana Tampilan Recent Post Atau Artikel Terbaru Nya,? Apakah Sudah Cocok Dan Sesuai Dengan Apa Yang Anda Inginkan.

Penutup : Mungkin Cukup Sekian Tutorial Singkat Dari Saya Mengenai Cara Membuat Widget Recent Post Menggunakan Template Viomagz, Nantikan Tutorial Selanjutnya Dari Admin Candilkuya.com, Semoga Bermanfaat.
Credit :
https://www.candilkuya.com/2020/04/cara-buat-widget-postingan-terbaru.html
×

Cara Buat Widget Postingan Terbaru Template Viomagz 5 out of 5
Admin