Sunday, 5 March 2017

Cara Membuat Widget Artikel Terbaru ( Recent Post ) di Blog

Assalamualaikum...
KENEONO - Dikesempatan kali ini saya akan share Cara Membuat Widget Artikel Terbaru ( Recent Post ) di Blog. 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 Widget Artikel Terbaru ( 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.rawgit.com/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 dibawah ini 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 Artikel Terbaru ( Recent Post ) di Blog, semoga bermanfaat...
Jika artikel ini bermanfaat bagi sobat tolong support dengan donasi klik iklan yang ada di blog ini.
Terimakasih..
Wassalamualaikum...

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

8 komentar

Biar bentuk thumbnailnya kotak bisa ga gan?

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

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

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.

Iya sama" om :)
Coba silakan edit" sendiri om :D

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

>> PERHATIKAN !!! <<

- Gunakan kata-kata yang bijak saat berkomentar ya sob.
- Berkomentar dengan Foto <i rel="image">URL_GAMBAR</i>
- Berkomentar dengan Code HTML silakan Parse dulu.