Cara Membuat Widget Artikel Terbaru ( Recent Post ) di Blog

KENEONO - Dikesempatan kali ini saya akan share Cara Membuat Widget Artikel Terbaru ( Recent Post ) di Blogger. Membuat widget recent post ini menurut saya sangat penting untuk kita terapkan di blog, mengapa begitu? Soalnya kalau orang sedang berkunjung ke blog kita otomatis si pembaca akan tau post artikel terbaru yang ada bagian samping, jadi membuat optimasi tersendiri buat blog kita. Yang saya bagikan kali ini penampilannya menarik kayak gambar dibawah ini.


Berikut Cara Membuat Recent Post di Blog :

  1. Silakan masuk Dashborad blog sobat > Tata letak > + Tambahkan Gadget > Pilih HTML/JavaScript.
    
    <style type='text/css'>
    img.recent_thumb {padding:1px;width:75px;height:75px;border:1px solid silver;border-radius:50%;float:left;margin:5px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:10px;}</style>
    <script style='text/javascript' src='https://cdn.staticaly.com/gh/dedi96/keneono/7abd0c02/recentpost.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = true;
    var showcommentnum = true;
    var showpostdate = true;
    var showpostsummary = false;
    var numchars = 100;</script>
    <script src='https://keneono.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
    



  2. Kemudian isi Judul dan masukkan Script diatas dengan mode HTML. ( Jangan lupa ganti url https://keneono.blogspot.com dengan url blog sobat ).


  3. Setelah itu Simpan, Coba buka blog sobat pasti akan ada widget Artikel Terbaru yang kece seperti blog Kene Ono ini. hihihi..
Untuk script diatas bisa sobat atur atau edit sesuka hati biar tampilannya lebih makin kece lagi.
Sekian artikel Cara Membuat Widget Recent Post di Blog, semoga bermanfaat...

Jangan lupa kunjungi terus blog KENEONO untuk mendapatkan artikel menarik lagi lainnya. Terimakasih...

Related Post

8 Responses to "Cara Membuat Widget Artikel Terbaru ( Recent Post ) di Blog"

  1. Biar bentuk thumbnailnya kotak bisa ga gan?

    ReplyDelete
    Replies
    1. Harus ada script yang diubah. tapi ane blm bisa :)

      Delete
  2. Makasih gan alhamdulillah berhasil.. ini Artikel sangat bermanfaat semoga sukses selalu.. Amin,, :)

    ReplyDelete
  3. Makasih banyak min keren banget, kalau buat ngilangin garis hitam gimana caranya? biar gak ada dua garis hitam dan abu-abu tipis. paling gak untuk hapus salah satu garis.

    ReplyDelete
    Replies
    1. Iya sama" om :)
      Coba silakan edit" sendiri om :D

      Delete
  4. mantap yg ini work, ane liat di blog2 lain udh gk work

    ReplyDelete