Cara Buat Widget Recent Post (Artikel Terbaru) Di Blog Yang Unik

Widget Recent Post dengan Tab Next dan Gambar.

Cara buat widget Recent Post (Postingan Terbaru) di Blog yang Unik

Langkah 1 : Silahkan kalian masuk ke Daskboard Blogger kalian lalu pilih Tema >> Edit HTML >> Letakkan instruksi CSS dibawah ini tepat dimana Kode CSS lainnya ditaruh. Cari saja Kode "Blogger CSS" dan letakkan kode dibawah ini tepat dibawah CSS Tersebut. Jangan lupa Save.

/* Artikel Terbaru */
.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;

.postingan-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-modern 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";