Cara Membuat Recent Post di Blog

Cara Membuat Recent Post - Cara Membuat Recent Post adalah sebuah artikel yang memberikan tutorial tentang cara menampilkan artikel baru yang sudah dibuat di sidebar blog kita khususnya blogger. Nah, mungkin saat sobat browsing ke situs orang lain banyak menjumpai artikel baru yang muncul di sidebar. Itulah yang di sebut recent post. Tujuan dari recent post itu sendiri yaitu agar para pembaca yang datang mengunjungi blog kita lebih mudah mengetahui artikel-artikel baru saat membaca artikel pada postingan blog kita. Artikel baru kan biasanya muncul di halaman pertama situs kita, biar pembaca tidak kerepotan untuk mengetahui artikel baru yang baru sobat post yaitu dengan memasang widget recent post di situs sobat.

Cara Membuat Recent Post

Mengenai cara membuat recent post sangat mudah, anda tidak perlu susah-susah masuk ke bagian css. Karena anda hanya perlu meletakkan kode yang akan saya beri ke dalam sidebar sobat melalui html / javascript. Cukup mudah bukan, anda tidak perlu berlama-lama untuk membuat widget ini. Nah, recent post yang akan sobat buat hanya menampilkan judul post saja. Jadi, tidak ada keterangan konten maupun gambar konten. Tujuannya tidak lain yaitu agar loading situs sobat tidak berat karena penambahan widget ini. Langsung saja cara membuat recent post untuk blog keren dan mudah sebagai berikut :

Cara Membuat Recent Post

1. Silakan login ke akun blogger sobat
2. Pilih tab tata letak
3. Tentukan sidebar mana tempat recent post akan sobat taruh, saya sarankan yang mudah dilihat oleh pengunjung.
4. Pilih "Tambah Gadget"
5. Setelah itu cari Html/JavaScript
6. Beri judul widget anda dan letakkan script dibawah ini :

<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://emu-id.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="http://emu-id.blogspot.com/" alt="Tutorial Blog dan Emulator">Tutorial Blog dan Emulator</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLZVLHhnWrrBjYkD0jjjIWgsydSSeSmT2tOxL-vydFiOCWRqt2auVYAiv_2S-2XqBPHQeQCrIWQWT3C4m-tB_ZddF5hJaJDRWomxS1NIMy11gMxVCB9t0JAr7ZeINkSucaxSS-K6XstcJ7/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;}
#tb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Keterangan : Ganti kode yang berwarna biru dengan alamat situs sobat. Sedangkan kode yang berwarna merah adalah jumlah post yang tampil pada widget.

Itulah yang dapat saya share tentang cara membuat recent post di situs blogger sobat. Bila cara diatas berguna dan sangat sobat butuhkan bisa langsung disimpan ke laptop atau pc. Sekian yang dapat saya bagikan untuk sobat, mengenai tutorial keren lainnya akan saya share disini. Jadi, jangan lupa untuk tetap berkunjung ke emu-id.blogspot.com untuk mencari info-info tentang tutorial blogger.