Bikin Daftar postingan terbaru di blogger

Untuk mempermudah pengunjung membaca artikel-artikel blog yang baru kita buat akan lebih baik kita menyediakan ruang/widget untuk menampilkan posting/artikel terbaru tersebut. Dalam Tips Blogger kali ini kita akan belajar membuat widget recent post dengan dua cara yaitu menggunakan kode Javascript dan memanfaatkan FEED blogger.

Kelebihan menggunakan Javascript adalah tampilan widget kita akan lebih menarik namun kekuranganya adalah Javascript membuat loading blog kita sedikit lebih lambat, untuk mengatasi ini Anda dapat memilih membuat widget recent post dengan memanfaatkan FEED default pada blogger.
A. Membuat Widget Recent Post Dengan Javascript

Caranya sebagai berikut :

1. Login ke akun blogger Anda
2. Pada dashboard, pilih Edit Layout–> Tata Letak.
3. Buat sebuah elemen halaman baru dengan mengklik “Tambah Gadget” kemudian pilih HTML/Javascript
4. Kemudian Copy kode dibawah ini dan Paste pada gadget HTML/Javascript tersebut,

<script src="http://ekhan.gitar1stindo.googlepages.com/recentpost.js"></script>
<script>var numposts = 25; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

5. Ganti http://NAMABLOGANDA.blogspot.com/ dengan URL blog Anda.

6. Angka 5 adalah menunjukkan jumlah posting yang akan ditampilkan di widget recent post.

7. Kemudian klik Simpan


B. Membuat Widget Recent Post Dengan Menggunakan FEED

Caranya sama dengan diatas, kemudian Copy kode dibawah ini dan Paste pada gadget HTML/Javascript tersebut,

1. Mengunakan Feed Default Blogger

http://NAMABLOGANDA.blogspot.com/feeds/post/default

Ganti kode warna merah sesuai alamat blog Anda

2. Feed dengan FeedBurner

http://feeds.feedburner.com/NamaFeedPost

Ganti kode warna merah di atas sesuai nama blog / nama feed post blog Anda

Recent Post|post terbaru

Read more »

Share

Cara Membuat Recent Comment Via Feed URL

sekarang bagiannya membahas tentang cara membuat Recent Comment-nya, Karean eh karena biasanya kita sampai kesulitan buat ngecek komentar terbaru yang ada pada blog kita, soalnya komentar di yang ada di postingan kita yang berbeda-beda, jadi kita akan merasa kesulitan untuk mengetahui siapa saja yang memberi komentar dan dimana dia melontarkan komentarnya juga isi komentarnya bagaimana.
Nah.. dengan adanya widget Recent Comment ini yaitu mempermudah kita atau pengunjung dalam melihat/mengetahui comment tersebut, gak jauh bedalah dengan kakakna, recent post. hehehe.. sipp langsung saja..


Ikuti langkah-langkah berikut :

1. Silahkan Login ke blogger terlebih dahulu.

2. Pilih Rancangan/Layout (bagian Elemen Halaman)

3. Tambah Gadget/Add Page Gadget pada sidebar,

4. Pilih Feed dan masukkan alamat Feed URL isikan Seperti dibawah ini

http://NamaBlogSobat.blogspot.com/feeds/comments/default, bisa juga dengan
http://NamaBlogSobat.blogspot.com/feeds/comments/full

5. kemudian pilih Lanjutkan.




6. Jangan Lupa Ganti tulisan AlamatBlog pada no.4 2 link diatas diatas dengan Alamat Blog Sobat.
Selanjutnya akan muncul halaman baru, di sini sobat silahkan isi Judul/Title widget-nya sesuai dengan keinginan sobat, misal "Recent Comment", nah, berikutnya disini sobat bisa menentukan jumlah post yang akan di tampilkan, maksimal-nya yaitu 5post. perhatikan gambar di bawah ini.



7. Simpan dan lihat hasilnya.

Recent Comment|Commnet terakhir

Read more »

Share

Cara membuat recent comment atau komentar terakhir dengan javascript

Belum sempet nie memposting tentang komentar, mumpung ada kesempatan kali ini saya akan membahas bagaimana membuat Recent Comment dengan Java Script, Kelebihan dari cara ini (dengan java script) yaitu kita bisa edit jumlah comment ataupun post semau yang kita inginklan, lain halnya dengan via feeds URL, yaitu cuma di batasi 5comment ataupun dalam post. Berikut trick-nya.
Lihat Gambar

Ikuti langkah-langkah berikut :

1. Silahkan Login ke blogger terlebih dahulu.

2. Pilih Rancangan/Layout (bagian Elemen Halaman)

3. Tambah Gadget/Add Page Gadget pada sidebar, dan taruh kode dibawah ini di dalamnya

<script style="text/javascript" src="http://sites.google.com/site/anasku2000/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogSobat.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

4. Simpan dan lihat hasil-nya.


Keterangan :

Tulisan NamaBlogSobat pada script diatas harus kamu ganti dengan alamat blog Sobat

Dan angka 5 pada script diatas (numcomments =5) itu menunjukkan Komentar terakhir yang ditampilkan di blog, kamu bisa mengubah sesuai selera kamu


Semoga bermanfaat.


Recent|Comment|Recent Comment

Read more »

Share