Cara Membuat Recent Comment dan Recent Posts Widget dengan Javascript

Cara ini adalah cara lain membuat Recent Comment dan Recent Posts, dari cara sebelumnya yang membuatnya dengan menggunakan gadget blogger. Sekarang saya akan mengajarkan cara membuatnya dengan menggunakan Javascript, kelebihan dengan menggunakan Javascript yaitu entry yang di tampilkan bisa kita atur semau kita atau lebih dari 5(batas maksimal gadget blogger).

Ok kita langsung saja ke cara membuatnya karena penjelasan lengkap bisa anda baca di postingan sebelumnya.

• Pertama-tama anda masuk kehalam Dashboard blog dan pilih Tata Letak (Layout).
• Setelah berada di Elemen Halaman, klik Add Gadget (Tambah Gadget).
• Lalu pilih gadget HTML/Javascript untuk ditambahkan.
  
• Lalu masukan Script berikut pada kolom yang tersedia.

Script Recent Posts :

<script style="text/javascript" src="http://ic-project.googlecode.com/files/RCposts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NamaBlogAnda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Keterangan :

• Var numposts : Jumlah postingan yang ditampilkan (maksimal 25 entry)
• Var showpostdate : Menampilkan tanggal posting ( True = menampilkan , False = tidak menampilkan)
• Var showpostsummary : Menampilkan sebagian isi posting ( True = menampilkan , False = tidak menampilkan)
• Var numchars : Banyaknya huruf yang ditampilkan dari postsummary.
• Var standartstyling : Menggunakan style standart  ( True = gunakan , False = tidak gunakan)
• NamaBlogAnda : Ganti dengan nama Blog anda.
  

Script Recent Comments :

<script style="text/javascript" src="http://ic-project.googlecode.com/files/RCcomments.js"></script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :

• Var numcomments : Jumlah postingan yang ditampilkan (maksimal 25 entry)
• Var showcommentdate : Menampilkan tanggal posting ( True = menampilkan , False = tidak menampilkan)
• Var showposttittle : Menampilkan judul postingan tempat comment itu berada  ( True = menampilkan , False = tidak menampilkan)
• Var numchars : Banyaknya huruf yang ditampilkan dari Komentar.
• Var standartstyling : Menggunakan style standart  ( True = gunakan , False = tidak gunakan)
• NamaBlogAnda : Ganti dengan nama Blog anda. 

Dari kedua script diatas jika tampilannya tidak menampilkan bullet dan anda ingin menampilkannya silakan tambahkan perintah ul  pada script teakhir, seperti contoh di bawah ini.

<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></ul>

Setelah selesai melakukan pengeditan, tekan Simpan untuk menyelesaikannya.

Selamat mencoba dan semoga artikel ini bermanfaat.

Sumber : "Berbagai Sumber"

Share this artikel:

Ikon ini merupakan link ke situs bookmark sosial dimana pembaca dapat berbagi dan menemukan halaman web baru.