Menambah Menu Recent Post pada Blogger

cara menambah recent post di blogspotRecent Post (Artikel Baru di blog ini) merupakan menu yang menunjukkan beberapa (jumlahnya tergantung pengaturan) artikel yang paling baru ditulis. Menu ini dapat memudahkan pengunjung untuk melihat daftar tulisan yang terakhir kali kita posting.

Jika anda menggunakan mesin blog Wordpress, membuat Recent Post ini sangat mudah karena Wordpress sudah menyediakan Widget siap pakai. Namun jika menggunakan mesin blogspot (seperti blog ini) butuh sedikit usaha untuk mendapatkannya.


Menu Recent Post di Blogger / Blogspot menggunakan kode javascript untuk memanggilnya. Namun kita tidak harus menjadi ahli kode javascript untuk bisa memasang Recent Post. Gunakan saja kode js orang lain yang sudah siap digunakan.

Kelemahan menggunakan kode js milik orang lain adalah jika file itu overloaded (karena diakses oleh banyak blog) maka Recent Post di blog kita tidak akan berjalan dengan baik. Solusinya, download kode js recent post yang sudah siap pakai dan upload ke hosting milik kita sendiri (jika tidak mempunyai hosting sendiri, bisa menggunakan hosting file gratis semacam googlepages atau geocities). Kebetulan aku punya beberapa blog yang hosting (gratis) di 000webhost, jadi aku menggunakan salah satunya untuk hosting file recentpost.js.

Jika anda tertarik untuk melakukan caraku, download recentpost.js di alamat berikut http://mirabewe.890m.com/wp-content/upload/recentpost.js
terus upload di hosting anda sendiri.

Adapun cara memakainya, masuk ke dashboard blogger, pada tab Layout, masuk ke Page Element. Terus Add a Gadget (dimana anda ingin menempatkan recent post), pilih HTML/Javascript. Masukkan kode berikut :

<script src="http://mirabewe.890m.com/wp-content/upload/recentpost.js"></script> <script type="text/javascript"><!--
var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100;
// --></script>
<script src="http://ganti-dgn-blog-anda.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

Pada kode yang dicetak tebal di atas, masing-masing adalah alamat file recentpost.js yang kita punya (jika anda hosting sendiri, ganti alamatnya sesuai dengan kepunyaan anda), 10 adalah jumlah artikel yang akan dimunculkan (ganti sesuai selera anda), dan alamat blog blogspot anda (ganti dengan blog anda).
Share this article :
 

+ comments + 2 comments

July 1, 2009 at 2:38 PM

banyak nimba ilmu dr blog anda..makasih..gimana cara nambah menu diheading semisal Home, Belajar Blog,Free Download Free,WP Themes, Belajar Bisnis Online,Quality DoFollow Blog seperti di blog anda di atas...

July 1, 2009 at 9:29 PM

lewat edit html, bu. buat kelas baru (class), misalnya punyaku namanya class nav, trus definisikan latar, warna tulisan, link, tingginya, dan sebagainya. Aku sendiri masih belajar, jadi aku milih template (sudah jadi) yang ada menu di heading, tinggal edit agar sesuai dengan keperluan. Jadi tidak membangun template sendiri dari awal.

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger