Cara Pasang Recent Post Pada Blog
21 September
Add Comment
Recent Post atau biasa disebut Artikel Terbaru.
Dengan adanya navigasi recent post pada blog, maka akan lebih memudahkan pengunjung untuk mengetahui postingan atau artikel terbaru dari blog kita.Tutorial Cara Pasang Recent Post kali ini akan menggunakan javascript sebagai source codenya, dan untuk mempersingkat waktu maka kita langsung saja dengan tutorialnya, widget Recent Post ini mungkin akan membantu blog kalian sedikit seo friendly, sedikit mungkin saja heuheuheuheu.. bagi yang udah pengalaman maaf kalau posting ini agak ngawur. oke mari kita buat Recent Post di Blogger kita...
Cara Pasang Widget Recent Post
Untuk memasang widget Recent Post ini seperti biasa kita harus login ke account blogger dan masuk pada tab Tata letak --> Tambahkan Gadget, kemudian tambahkan Gadget HTML/Javascript baru dan lalu copas kode dibawah ini pada Gadget baru tersebut :
<div id="sidebar">
<style type=text/css>
#rpdr {0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:60px;height:60px;border:0;float:right;margin:0 0 5px 0px;}
#rpdr, #rpdr a {color:#808080;}
#sidebar { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
<script style="text/javascript" src="https://googledrive.com/host/0B-4AVRJcm2MmbUsxRjVCSWluRkk"></script>
<script style="text/javascript">
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://id-penulis.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=idpenulis"></script></div>var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<style type=text/css>
#rpdr {0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:60px;height:60px;border:0;float:right;margin:0 0 5px 0px;}
#rpdr, #rpdr a {color:#808080;}
#sidebar { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
CATATAN
Ganti kode yang berwarna merah dengan alamat blog anda
var numposts -> Jumlah judul postingan terbaru yang ditampilkan.
var showpostdate -> Ganti false menjadi true jika ingin menampilkan tanggal postingan.
var showpostsummary -> Bisa diganti menjadi true jika mau menampilkan ringkasan posting dari tiap judul.
var numchars -> Jumlah karakter pada ringkasan. Jika showpostsummary disetting false maka option ini tidak akan berpengaruh.
Ganti kode yang berwarna merah dengan alamat blog anda
var numposts -> Jumlah judul postingan terbaru yang ditampilkan.
var showpostdate -> Ganti false menjadi true jika ingin menampilkan tanggal postingan.
var showpostsummary -> Bisa diganti menjadi true jika mau menampilkan ringkasan posting dari tiap judul.
var numchars -> Jumlah karakter pada ringkasan. Jika showpostsummary disetting false maka option ini tidak akan berpengaruh.
Jika sudah selesai diutak-atik kodenya, coba simpan template anda kemudian lihat hasil Recent Post di Blog kalian. Dan semoga artikel ini bisa bermanfaat bagi yang membutuhkan.
Selamat Mencoba Recent Post pada blog kalian
0 Response to "Cara Pasang Recent Post Pada Blog"
Post a Comment