Daftar Isi





Selasa, 31 Juli 2012

Menambahkan Recent Posts Dan Recent Comments Dengan Javascript

  1. Dari halaman Dashboard blog kamu pilih Tata Letak (Layout).
  2. Setelah masuk ke Elemen Halaman, klik Tambah Gadget.
  3. Setelah itu pilih HTML/JavaScript untuk ditambahkan, seperti nampak pada gambar berikut:
  4. Kemudian masukkan script berikut dan ubah NamaBlogKamu dengan nama blog kamu sendiri:
<script style="text/javascript" src="http://andreblog.googlecode.com/files/rc-posts.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://NamaBlogKamu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Keterangan variabel:
  • numposts = 10; artinya 10 posting yang ditampilkan (maksimal 25 posting. Jika ingin menampilkan lebih dari 25, silahkan pelajari artikel ini).
  • showpostdate = false; artinya tanggal posting tidak ditampilkan (kalo mau ditampilkan false-nya ganti dengan true).
  • showpostsummary = false; artinya ringkasan posting tidak ditampilkan.
  • numchars = 100; artinya banyaknya karakter (huruf) untuk ringkasan posting yang ditampilkan adalah 100 huruf.
  • standardstyling = true; artinya menggunakan type standard.

Kode untuk Recent Comments:
<script style="text/javascript" src="http://andreblog.googlecode.com/files/rc-comments.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 variabel:
var numcomments = 10; artinya 10 komentar yang ditampilkan.
var showcommentdate = true; artinya tanggal komentar ditampilkan.
var showposttitle = true; artinya menampilkan judul posting yang dikomentari.
var numchars = 100; artinya banyaknya karakter (huruf) komentar yang ditampilkan adalah 100 huruf.
jika Recent Comments kamu ingin menggunakan bullets,
<script style="text/javascript" src="http://andreblog.googlecode.com/files/rc-commentsbullet.js"></script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>
Setelah memasukkan kode script dan melakukan editing variabel yang disesuaikan dengan keinginan kamu. Lakukan Preview (Pratinjau) untuk melihat hasilnya. Jika sudah OK, simpan hasil kerjaan kamu.

Nah, selesai dah. Selamat mencoba.....

Tidak ada komentar: