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 kode CSS dibawah ini tepat dimana Kode CSS lainnya diletakkan. 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;
}
.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”;
}
Lihat Gambar berikut ini :
Widget Postingan Terbaru dengan thumbail kecil dan cantik.