Cara Membuat Recent Post sederhana dan mudah di Blog

Cara Membuat Recent Post sederhana dan mudah di Blog - Menampilkan Widget Recent Post pada blog sangatlah bermanfaat, karena memasang recent post ini maka pengunjung akan mengetahui apa saja artikel terbaru yang kita buat pada blog kita tanpa harus menuju home page terlebih dahulu.

Cara Membuat Recent Post sederhana dan mudah di BlogRecent Post atau alam bahasa indonesia artinya postingan terbaru merupakan sebuah widget yang nantinya akan menampilkan beberapa artikel terbaru yang ada pada blog kita dimana kita bisa mengatur berapa kita akan menampilkan Recent post sesuai keinginan kita.

widget Recent post yang saya bagikan ini bisa dibilang sangat simpel karena hanya menampilkan judul postnya saja tanpa gambar dan juga ringan tidak memberatkan blog kita.

widget ini dibuat menggunakan Javascript dan juga beberapa CSS yang sudah saya gabungkan sehingga anda tidak perlu membuatnya, dan menggunakan widget ini sangat mudah dan juga praktis.

dan dibawah ini adalah tutorial untuk membuat widget recent post pada blog anda, jadi ikuti langkah demi langkah agar berhasil memasang widget recent post ini.

Cara Membuat Recent Post sederhana dan mudah di Blog

1. Copy script dibawah ini

<div id="hlrpsb">
<script style="text/javascript" src="https://googledrive.com/host/0B4jA2kVEcSlvWENnOW9LZF9kbzg"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://www.didik16.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<noscript>JavaScript is not enabled</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Keterangan :

  • Pada var numposts anda ubah angka 10 yang berwarna merah sesuai keinginan anda berpa nantinya post yang akan ditampilkan
  • pada showpostdate anda ubah tulisan false menjadi true bila anda ingin menampilkan tanggal pada saat artikel tersebut di publikasikan
  • pada showpostsummary anda ubah tulisan false menjadi true bila anda ingin menampilkan deskripsi dari artikel anda
  • ubah http://www.didik16.com menjadi url blog anda


2. Buka Blog anda dan masuk ke bagian Tata Letak kemudian pilih dimana anda akan menaruh recent post ini, misalnya saya akan menaruhnya di bagian sidebar kemudian klik Tambahkan Gadget 

Cara Membuat Recent Post sederhana dan mudah di Blog

Cara Membuat Recent Post sederhana dan mudah di Blog


3. Kemudian muncul jendela baru, scroll kebawah kemudian pilih HTML/JavaScript

Cara Membuat Recent Post sederhana dan mudah di Blog


4. Kemudian pada bagian konten paste script yang tadi sudah anda copy pada konten, bila sudah klik simpan untuk menyimpannya kemudian lihat hasilnya pada blog anda

Cara Membuat Recent Post sederhana dan mudah di Blog

5. maka hasilnya akan seperti gambar dibawah ini bila anda lihat langsung pada blog anda.

Cara Membuat Recent Post sederhana dan mudah di Blog

nah kira-kira itu dia tutorial membuat Recent Post yang tampilannya sederhana dan caranya juga sangat mudah, saya harap artikel ini bermanfaat untuk anda


Sekian dulu Cara Membuat Recent Post sederhana dan mudah di Blog dari saya. Terima kasih karna telah berkunjung ke Blog Saya Saya sangat Berterima Kasih jika Anda Meninggalkan Komentar :) Terima Kasih yg sudah berkunjung di Blog Saya, jangan lupa Comment And Share ! :D
Previous Post
Next Post
Related Posts