Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik - Hallo sahabat Metaltailaco Profesional Blogger Template, Pada Artikel yang anda baca ini dengan judul Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial Blogging, yang kami tulis ini dapat anda pahami. Selamat membaca.

Judul : Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik
link : Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik

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

Mastimon.Com - Widget Postingan Terbaru atau umumkita kenal sengan istilah Recent Post pada suatu Blog diharapkan semoga pengunjung mudah melihat yang gres. Banyak sekali Widget yang mampu kita gunakan mulai dari cuma goresan pena saja sampai dengan menggunakan thumbail gambar. Dengan fitur ini maka pengunjung akan betah berlama lama untuk membaca goresan pena kita.

Ini yaitu Widget milik Template VioMagz milik Mas Sugeng. Jika model sebelumnya hanya menampilkan tulisan namun tidak ada batasan garis dan icon pensil pada kepan kalimatnya. Tampilan Recent Post ini saya lihat pada versi modern mulai 2.4 hingga dikala ini telah model 3.1. Banyak yang menanyakan ke saya bagaimana sih cara menciptakan wiget tersebut mas ?

Disini saya bukan membuatkan untuk sahabat tetapi saya ambilkan Kode CSSnya dan kode HTML untuk memperlihatkan Postingan terbaru tersebut. Caranya cukup mudah dan tidak memperbesar beban berat pagespeed Blog. Tampilannya cukup unik dan mempesona meskipun sekilas tampaksederhana sebab tidak memakai Gambar. Baca Juga : 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 kemudian pilih Tema >> Edit HTML >> Letakkan kode CSS dibawah ini sempurna dimana Kode CSS yang lain ditaruh. Cari saja Kode "Blogger CSS" dan letakkan kode dibawah ini tepat dibawah CSS Tersebut. Jangan lupa Save.

/* Artikel Terbaru */
.artikel-modern 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 :

Langkah 2 : Selanjutnya masuk ke Tata Letak >> Tambahkan Ganget

Langkah 3 : Klik tanda + pada opsi HTML/JavaScript

 

Langkah 4 : Tuliskan pada kolom judul "Artikel Terbaru" dan masukkan Kode HTML pada konten dibawahnya. Terakhir klik Simpan. 

Cukup gampang buka cara membuat Recent Post atau widget Postingan Terbaru di Blog sama mirip tampilan milik Template VioMagz. Jika kalian masih kebinggungan mampu melihatnya lewat Tutorial yang aku upload di Youtube. Selamat menjajal dan supaya sukses. Baca Juga : Widget Postingan Terbaru dengan thumbail kecil dan manis.

Vidio Youtube Cara buat Recent Post unik cuma Tulisan

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

Sekian tutorial Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik Mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya. Dan jangan lupa share tutorial ini agar semakin berguna bagi orang banyak

Anda sekarang membaca artikel Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik dengan alamat link https://www.metaltailaco.my.id/2021/08/cara-buat-widget-recent-post-postingan.html

Admin

Smart Blogging - Blogger Gila Yang Suka Berbagi.

Facebook

WhatsApp

Instagram

Twitter

Youtube

Share this post

Subscribe Our Newsletter

Related Posts