Cara Membuat Recent Post/Artikel Terbaru pada Blog

Kali ini saya akan berbagi tentang cara membuat recent post / artikel terbaru pada blog, buat para pemula didunia blogging pasti bertanya-tanya apa sih itu recent post? dan apa kegunaannya?, saya juga dulu sempat bertanya tentang hal itu, setelah saya mencari tahu dari berbagai sumber akhirnya jawabannya ketemu.

Jadi fungsi dari recent post pada blog adalah untuk menampilkan posting terbaru dari blog tersebut, jadi recent post ini sangat berguna sekali bagi pengunjung yang ingin mengetahui artikel terbaru pada blog atau website tersebut, jadi jika blog anda belum ada widget ini segeralah untuk memasangnya agar pengunjung anda lebih memudah mengetahui artikel terbaru yang ada pada blog sobat.

Jika anda belum mengetahui caranya, ikuti langkah berikut :

1. Masuk ke akun blogger sobat

2.Kemudian pilih "Tata Letak", lihat gambar dibawah untuk lebih jelasnya !

3.Kemudian "Tambahkan Gadget" pilih tempat sesuai keinginan sobat,

4. Kemudian tambahkan HTML/JavaScript

5.Kemudian copy semua kode dibawah,

#dte_recent-post li {
  list-style:none;
  margin:0;
  padding:7px;
  background-color:white;
  border-bottom:1px solid #ddd;
}

#dte_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  border:none;
  background:none;
  outline:none;
}

#dte_recent-post li a.title {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:#990000;
}

#dte_recent-post li a.title:hover {
  text-decoration:underline;
}

#dte_recent-post li span.foot {
  clear:both;
  display:block;
  color:#ccc;
  margin-top:7px;
  font-size:10px;
}
</style>
<ul id="dte_recent-post"></ul>
<script>
//<![CDATA[
var rp_homePage = "http://wira-bo.blogspot.com", // Your blog homepage
    rp_numPosts = 5, // How many posts?
    rp_thumbWidth = 72, // Thumbnail width. Change to 0 if you want to disable the post thumbnail
    rp_numChars = 100, // Number of posts summary
    rp_sortByLabel = false, // Replace `false` with your specific label name to display posts by specific label
                            // Example: rp_sortByLabel = "JQuery", to sort posts by label "JQuery"
    rp_noImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A 'no-image' image
    rp_monthNames = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    rp_newTabLink = true, // If true, then all the widget links will automatically opens in new window/new tab
    rp_loadTimer = "onload"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...)
//]]>
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-recent-post-with-preloader.js"></script>

Keterangan :
Ganti url http://wira.bo.blogspot.com dengan url blog sobat

6. Pastekan kode yang anda copy tadi di kolom konten pada HTML/Jacscript

7. Kemudian klik "Save/Simpan" dan lihat hasilnya

Sekian dulu tutorial tentang cara membuat recent post/artikel terkait pada blog