Membuat Recent Post Tanpa Ribet (With Scroll)

Bookmark and Share
Pintu Kaya - Tampaknya saya lagi getol-getolnya share tentang Tips Blog ini. Kali ini saya akan membuat Tutorial sederhana tentang bagaimana cara membuat Recent Post sederhana tanpa ribet. Sebelum ke Tutorial lebih lanjut. Saya cuma ingin menjelaskan betapa pentingnya Recent Post ini.

Coba Sobat Blogger bayangkan, jika Sobat Blogger mempunyai blog yang selalu update (seperti Pintu Kaya ini ) Maka Widget ini sangat penting sekali untuk memberitahukan pengunjung tentang Artikel terbaru dari Blog anda sekalian.

Nah, setelah membaca penjelasan yang kurang jelas itu . Sekarang kita langsung yuk ke caranya :


Sebenarnya ada dua cara mudah yang bisa Sobat Blogger terapkan untuk membuat Recent Post ini.

Cara yang pertama adalah menggunaka Feed Address saja. Berikut adalah caranya :
Cara 1 :
1. Sign in dulu ke Akun Blogger anda.
2. Pilih Tata Letak / Design
3. Klik Add a gadget
4. Pilih Feed atau tambahkan Feed
5. Masukkan Feed Address anda, biasanya Feed Address pemakai Blogger adalah :
http://alamat-blog.blogspot.com/feeds/posts/default

6. Setelah itu Sobat Blogger tinggal edit-edit sendiri.
7. Jika Sudah, yaudah selesai.
Note : Cara inimemiliki kekurangan, yaitu hanya bisa menampilkan maksimal 5 Post terbaru saja dari Blog anda.

Oke, karena cara diatas mempunyai kekurangan, maka kita coba yuk cara ke-2
Cara 2 :
1. Sign in dulu ke Akun Blogger anda.
2. Pilih Tata Letak / Design
3. Klik Add a gadget
4. Pilih Tambahkan HTML/JavaScript
5. Selanjutnya mudah saja, tinggal ketik Kode HTML / javaScript dibawah ini :
<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">
<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://GANTI_NAMA_BALOGMU.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</div>
Notes :
1. untuk tulisan yang bewarna biru bisa disesuaikan dengan Blog anda masing-masing.
2. Sedangkan Untuk Tulisan yang bewarna merah, silahkan Replace dengan nama blog anda.

Demikianlah Tutorial yang sederhana ini. Semoga berguna buat Sobat Blogger sekalian .

Related Post



{ 0 Komentar... Views All / Send Comment! }

Posting Komentar