Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik
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
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.
Lihat Gambar berikut ini :
Langkah 2 : Selanjutnya masuk ke Tata Letak >> Tambahkan Ganget
Langkah 3 : Klik tanda + pada opsi HTML/JavaScript
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.
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
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.
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

Subscribe Our Newsletter
0 Response to "Cara Buat Widget Recent Post (Postingan Terbaru) Di Blog Yang Unik"
Post a Comment