Menambahkan Recent Posts/ Postingan Terbaru pada Blogger

Pada blogger tidak ada gadget bawaan untuk membuat recent posts atau postingan terbaru. Akan tetapi tidak berarti kita tidak dapat membuatnya.

Recent posts sangat bermanfaat untuk membuat pengunjung agar lebih tertarik menelusuri blog kita dengan artikel -artikel yang telah kita buat. Pengunjung dapat melihat apa yang kita tulis beberapa hari atau minggu terakhir.

Ini adalah cara untuk Menambahkan Recent Posts/ Postingan Terbaru pada Blogger

Caranya,

1. Buka blogger dashboard -> layout/ tata letak
2. Klik Tambahkan gadget (di sidebar mana saja tergantung anda)
3. HTML/ Javascript
4. Copy dan paste kan script odi bawah ini
5. Klik simpan, dan Selesai! lalu test run blog anda.

<style scoped="scoped">

#dte_recent-post {

margin:0 auto;

padding:0;

min-height:100px;

}

#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;

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;

}

</style>

<script>
//<![CDATA[
var rp_homePage = "http://afrilynote.blogspot.com",

    rp_numPosts = 5,

    rp_thumbWidth = 72,

    rp_numChars = 100,

    rp_sortByLabel = false,

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>

Setting :

var rp_homePage = "http://afrilynote.blogspot.com", // Ganti dengan alamat blog anda
    rp_numPosts = 5, // Berapa jumlah posts yang anda ingin tampilkan
    rp_thumbWidth = 72, // Lebar thumbnail (gambar) yang anda inginkan
    rp_numChars = 100, // Jumlah huruf posts yang ingin anda tampilkan
    rp_sortByLabel = false, // Ganti `false` dengan salah satu label anda jika anda ingin menampilkan kategori khusus.

Sekian dulu tulisan dari saya kali ini, semoga dapat sedikit membantu anda dan saya sendiri :-)

afrily's note