Cara Membuat Widget Postingan Terbaru Seperti Mastimon.com

ahmadirfan.id - Gimana kabarnya temen-temen semua, masih seringkan "dolan" diblog Aku. Semoga temen-temen masih betah ya berkunjung ke blog Aku. Hari ini Aku mau berbagi tips dan trik blog yakni cara membuat widget postingan terbaru seperti mastimon.com atau seperti ahmadirfan.id. 

Yup, widget postingan terbaru ini seperti ada icon pensil begitu sangat keren dan cakep kalo pasang diblog kita tentunya 😜. Nah buat temen-temen yang ingin mengetahui caranya silahkan ikuti langkah-langkahnya seperti dibawah ini ya. Enjoy !!!

1. Menambah Script Blogger CSS

Langkah pertama yang harus kita lakukan adalah dengan menambah script Blogger CSS kamu, yakni dengan cara :

• Silahkan masuk ke dashboard blogger dan pilih Tema lalu Edit HTML

• Cari script blogger css dengan menekan crtl + f 
• Lalu copy script berikut dibawah ini 

/* 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";
}

• Pastekan dibawah script blogger css, seperti gambar dibawah ini

2. Menambahkan Script Pada Widget Postingan

Langkah kedua yang harus kita lakukan adalah dengan menambah script pada widget kamu, yakni dengan cara :

• Silahkan masuk ke Tata Letak, tambahkan Gadget
• Lalu pilih HTML/Java Script
• Copy script dibawah ini 
• Pastekan pada konten HTML/Java Script

• Lalu Simpan
• Enjoy !!!

Nah, gimana tampilan widget postingan terbaru temen-temen ? sudah keren dan cakep seperti punya mastimon.com atau seperti ahmadirfan.id bukan ? Amin. Apabila temen-temen mengalami kendala silahkan memberikan komentar dibawah ya. Kritik dan saran ditunggu juga. Terus kunjungi blog Aku untuk update informasi terbaru lainnya. Semoga bermanfaat, Amin. Terima kasih.

Bang Irfan Terima kasih atas kunjungannya, semoga postingan yang disharingkan bermanfaat buat kita semua. Aamiin

Berbagi :