Cara Membuat Recent Post Simple dan Keren

Setelah sebelumnya ane telah berbagi tutorial cara membuat widget "about me" keren layaknya seperti yang ada di TAZAMBLOG, kini ane mencoba kembali membuat tutorial cara memasang widget recent post/ postingan terbaru di blog teman- teman semua, kali ini sama dengan sebelunya widget yang akan ane bagikan sama dengan yang ada di TAZAMBLOG, html dan javascirp di widget ini sebenarnya ane dapatkan dari salah satu blog luar negeri namu telah banyak ane edit dan ane buat sesimple mungkin menurut kreasi ane pribadi

Widget Recent Post adalah salah satu widget yang sangat berfungsi di blog kamu, mungkin bagi blogger yang sudah lama dan mengerti pastinya selalu memasang widget ini, fungsinya simple yaitu untuk membuat penggunjung bisa mengetahui dan dapat langsung membaca artikel terbaru dari blog kita, biasa letaknya di sidebar atau pas dibawah postingan

Sebebnarnya di google sudah banyak widget postingan terbaru keren lainnya namun disini ane mencoba mengedit widget yang simple dan tidak membuat blog berat, di widget tersebut nantinya hanya menampilkan judul dan thumbnails kecil dari postingan terbaru, ini tentunya akan membantu para visitor blog untuk membaca artikel terbaru tanpa harus kembali ke halama utama

Langsung aja untuk tahap pertama seperti biasa dan umunya yang para blogger lakukan untuk menambah widget yaitu Login ke blog > Tata Letak >  Tambahkan Gadget > Pilih HTML/ JavaScript > Copy Code dibawah ini di dalamnya > Simpan

<style type='text/css'> img.recent_thumb {padding:1px;width:70px;height:70px;border:0px solid silver;border-radius:50%;float:right;margin:2px;} .recent_posts_with_thumbs {float: rigth;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://googledrive.com/host/0ByDFjIemqfJMc1VGWjROZXRXVEU'></script> <script style='text/javascript'> var numposts = 5; var showpostthumbnails = true; var displaymore = false; var displayseparator = true; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 100;</script> <script src='http://mltazam.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Gantikan 

1. URL “www.mltazam.com” Dengan URL blog Kamu

2. gantikan numpost = 5 dengan jumlah postingan yang akan ditanpilkan

Cara Mengedit

Buka gadget HTML/Javasrict yang barusan kamu buat dan cari apa yang hendak kamu ganti denga ctrl+f, hapus yang awal dan paste punya kamu sendiri

Itulah tutorial singkat untuk menanbahkan widget recent post keren dan simple di blog kamu, tentunya semoga bisa bermanfaat bagi teman teman blogger semua, danjuga bisa membatu penggunjung blog merasakan manfaat yang besar dari recent post ini