Cara Membuat Widget Recent Posts Blogger

Apa itu widget recent posts? Widget recent posts adalah widget blog yang menampilkan postingan-postingan terbaru pada blog tersebut. Setiap kali admin blog memposting artikel terbaru maka postingan tersebut akan ditampilkan di widget recent posts. Adapun fungsi dari widget recent posts adalah untuk mempromosikan postingan-postingan terbaru kepada pengunjung blog.

Sekarang saya akan menjelaskan kepada anda cara membuat widget recent posts yang simple dan ringan untuk blog anda, karena widget recent posts ini tidak memuat gamabar yang ada di postingan alias list style.
Cara Membuat Widget Recent Posts Blogger

Kelebihan / Spesifikasi

SpecificationAvailability
ResponsiveTrue
Mobile FriendlyTrue
Ringan (Fast Loading)True
List StyleTrue

Membuat Widget Recent Posts Di Blog

  1. Masuk ke tata letak (Layout) blog
  2. Klik tambahkan widget
  3. Pilih widget feed
  4. Masukkan url blog anda, contoh: https://www.cordialblogger.com/
  5. Kemuduian klik Enter untuk membuat widget recent posts
[ads id="ads1"] Untuk merapikan tampilan widget recent posts, gunakan kode css recent posts dibawah ini, pasang atau tambahkan kode css recent posts di atas kode ]]></b:skin> di dalam html template blog anda.
#Feed1{
margin:0;
}
#Feed1_feedItemListDisplay ul li{
font-size:14px;
font-weight:600;
font-style:normal;
line-height:1.4em;
padding:8px 0;
list-style:none;
}
#Feed1_feedItemListDisplay ul li a:hover{
color:#3367d6;
}

Panduan Bergambar Membuat Widget Recent Posts

Tambahkan widget feed melalui tata letak blog, lihat gambar dibawah ini agar lebih jelas.

Langkah 1 membuat widget recent posts
Kemudian isi URL Feed dengan URL Blog anda seperti contoh dibawah ini, kemudian tekan enter atau klik Lanjutkan dan tunggu beberapa saat.

Langkah 2 membuat widget recent posts
Selanjutnya widget feed akan memuat recent posts yang ada di blog anda, sebelum mengklik Simpan lakukan kustomisasi seperti menambahkan judul widget "Recent Posts" atau mengatur jumlah postingan yang ditampilkan di widget recent posts anda.

Langkah 3 membuat widget recent posts

Selesai...! Sekarang widget recent post anda telah berhasil dibuat, Jika widget feed tidak berhasil memuat recent posts blog anda, periksa tag penutup body yaitu </body>, Pastikan tag penutup body tidak diparse (gunakan tag </body> original) agar widget recent posts bekerja maksimal.

Selamat mencoba dan saya harap artikel ini dapat membantu anda dalam membuat widget recent posts di blog blogger.
Lebih baru Lebih lama
Close