Cara Pasang Recent Post di Blogger (Javascript)

Sabtu, 19 Februari 2011

Sekali lagi saya akan memberikan tips mengenai navigasi untuk blog pada teman - teman semua, jika sebelumnya saya sudah memberikan tips cara pasang navigasi breadcrumb dan juga related post maka kali ini giliran Recent Post atau biasa disebut postingan 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 karena berhubung pada saat menulis artikel ini jam dikamar saya sudah menunjukan pukul 4 subuh hehehe :D

Cara Pasang Widget Recent Post

Untuk memasang widget ini seperti biasa kita harus login ke account blogger dan masuk pada tab Rancangan --> Elemen Laman, kemudian tambahkan gadget HTML/Javascript baru dan CoPas kode dibawah ini ke gadget baru tersebut :
<script type="text/javascript" src="http://blogindo.googlecode.com/files/recent-post.txt"></script>
<script>
    var numposts = 5;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
</script>
<script src="http://blog-indo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Tips :
  • 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 hasilnya. Dan semoga artikel ini bisa bermanfaat bagi anda.

Selamat Mencoba !

Dapatkan update terbaru:
* Cek email konfirmasi untuk berlangganan yang telah dikirimkan ke email anda

33 komentar:

Web Designer Surabaya Freelance mengatakan...

terima kasih untuk tutorial nya


12 Maret 2011 10.13
blogger-ind0.blogspot.com mengatakan...

thanks mas

http://blogger-ind0.blogspot.com/2011/08/deal-special-dari-kriskroscom.html


7 Agustus 2011 12.01
File Shared mengatakan...

Makasih Om


9 September 2011 23.15
Lifes Health Care mengatakan...

Makasih Mas buat tips tentang widget recent postnya.. sangat bermanfaat.


27 November 2011 01.35
Info Tech mengatakan...

Terima kasih untuk tutornya mas


27 November 2011 01.37
Smartphone Reviews mengatakan...

Mantap gan.. Ijin buat d pasang di blog ane ya..


27 November 2011 01.39
Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia mengatakan...

Infonya bermanfaat gan... Nih mau pasang recentpost di blog


29 Desember 2011 11.22
Betwin188.com Agen Bola Terbaik Dukung Anti Rasisme EURO 2012 mengatakan...

terimakasih tutorialnya mas nanti coba saya praktekan


15 Maret 2012 21.56
Betwin188.com Agen Bola Terbaik Dukung Anti Rasisme EURO 2012 mengatakan...

Untuk rekan blogger memang kudu banyak oprek template untuk menempatkan suatu fungsi. seep


15 Maret 2012 21.57
UEFA EURO 2012 BERTARUH DI 12BET mengatakan...

izin bookmark dulu gan buat arsip


15 Maret 2012 21.58
pasang iklan baris gratis tanpa daftar mengatakan...

mantep gan..,ijin membaca .


21 Juni 2012 22.35
kerja online mengatakan...

ijin menyimak info nya mas..,thanks


21 Juni 2012 22.36
Dollar Gratis mengatakan...

salam kenal gan..,keren infonya.makasih


21 Juni 2012 22.38
obat herbal hepatitis mengatakan...

mantap infonya gan


27 Desember 2012 09.42
obat herbal amandel mengatakan...

tq info yg sangat bermanfaat


27 Desember 2012 09.46
obat wasir mengatakan...

izin bookmark dulu gan buat arsip


3 Januari 2013 15.57
obat asma mengatakan...

salam kenal gan..,keren infonya.makasih


7 Januari 2013 00.03
iklan baris online mengatakan...

siap menuju tkp.tq


15 April 2013 19.21
ayo ikutan kontes humor mengatakan...

Ini memang perlu untuk membuat artikel baru terindex


5 Juni 2013 07.26
tutorial SEO mengatakan...

ini sudah ada di fitur new gadget blogspot kan?


5 Juni 2013 07.43
jual tas online mengatakan...

recent post yang pakai script biasanya tidak terbaca google sih


5 Juni 2013 07.49
TARUHAN BOLA CASINO SBOBET ONLINE mengatakan...

pada umumnya banyak blog memasang ini


5 Juni 2013 07.58
Obat Herbal Darah Rendah mengatakan...

maksih gan


18 Juli 2013 16.30
andi mengatakan...

terimakasih iformasi yang bermanfaatnya semoga sukses terus.


24 Juli 2013 16.52
putri mengatakan...

Informasinya sungguh sangat menarik sekali...
Banyak pelajaran yang saya dapatkan...
Makasihnya... Semoga sukses...


23 Agustus 2013 08.58
ami mengatakan...

luar biasa sekali sangatbermanfaat informasinya... terimakasih banyak atas informasinya... semoga suksesnya....


23 Agustus 2013 12.53
AgentLagu mengatakan...

Ini recent post bergambar engk sob?


31 Agustus 2013 22.29
Kumpulan Kata Bijak Mutiara Cinta mengatakan...

terima kasih atas ulasannya gan...


31 Agustus 2013 22.35
Download Lagu, Software, Game dan Film mengatakan...

mantap gan


31 Agustus 2013 22.38
fredriks mengatakan...

gan recent postnya bermanfaat banget.. thank you


1 Februari 2014 05.24
Bwin368 Agen Judi Terpercaya mengatakan...

============================

Keep sharing gan, kunjungi balik yaa..

Bwin368 Agen Judi Terpercaya
Bwin368 Agen Judi Online

Bwin368 Agen Bola Terpercaya
Bwin368 Agen Judi Terbesar

Dewa Bola Online
Dewa Bola

============================


10 Mei 2014 07.32
Web Design Delhi mengatakan...

Reading this article was an experience. I enjoyed all the information you provided and appreciated the work you did in getting it written. You really did a lot of research.


14 Mei 2014 18.25
jual ht motorola cp1660 mengatakan...

saya sudah coba kok belum bisa jalan atau keluar sob, padahal script nya sudah di jalankan :(


10 Juni 2014 12.48

Poskan Komentar

 

Info

Pengikut

Earn Money ($$$)

© 2010 Tutorial Blog Gratis | Wordpress | Blogger All Rights Reserved Thesis WordPress Theme by Hack Tutors.info