Cara Membuat Recent Post Simple Terbaru

Cara Membuat Recent Post Simple untuk Blog. Lama sudah tidak membuat postingan tentang Tutorial Blog, kali ini saya akan kembali membuat tutorial simple dasar dalam ngeblog yaitu cara membuat custom recent post di blog. Seperti yang sudah diketahui menu untuk menambah recent post secara otomatis sudah tidak disediakan lagi dalam dashboard blogger, ada alternatif kita bisa menggunakan url feed blog untuk dipasang tapi terbatas hanya 5 posting blog saja yang dapat ditampilkan.

Untuk itulah kita dapat membuat custom recent post yang dapat kita modifikasi dengan berbagai macam model. Tapi pada tutorial ini saya akan memberikan model recent post simple yang dapat sobat kreasikan sendiri sesua kebutuhan. Ok langsung ajj bagi yang ingin memasangnya ikuti langkah-langkahnya berikut ini . . . Good Luck !

1. Masuk ke Dashboard (Home Admin) 

2. Pilih Tata Letak >> Kemudian klik add Gadget >> Dan pilih/ Klik HTML/JavaScript. Seperti gambar dibawah ini :

 3. Lalu copas Script Recent Post dibawah ini, didalam kotak Konten HTML/JavaSript :

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://abyfarhan.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://abyfarhan.com" title="Dapatkan Widget Recent ini untuk Blog Sobat!" target="_blank">Recent Posts Widget</a> by <a href="http://www.abyfarhan.com/2013/11/cara-membuat-recent-post-simple-terbaru.html" title="Recent Posts Widget">Abyfarhan.com</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_HN2OtcrFX-so8g6XlgApl1d6qhHYNjyuYwb3m1IvjvaX4Bp0k3LEsGYcgWjz9GW4R5Mr3wsPFGBUUi4Q-WBNN_EsiWNP-LtYZ7MpMwBDCMmh26DYhloYJtiH7zUTqQT1LcRAYlAvZq7z/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

EditingNote :

• Numposts = 7, Sobat bisa ganti jumlah post yang ingin ditampilkan
• Showpostdate = false , Fungsinya untuk menampilkan tanggal post saat ditulis, jika ingin menampilkan tulis true jika tidak tulis false .
• showpostsummary = false , fungsinya untuk menampilkan ringkasan dari posting kita, untuk menampilkan tulis true jika tidak false 
• src="http://abyfarhan.com/feeds/posts/default , silahkan sobat ganti dengan alamat url feed blog sobat.

Jika sudah paste didalam kotak konten, dan terakhir klik save/Simpan seperti gambar dibawah ini :

Dan lihatlah hasilnya . . .
Selamat mencoba . .