Tulisan ini pada awalnya menyatu dengan Menambahkan Recent Posts Dan Recent Comments Dengan Gagdet Blogger. Tapi sehubungan terlalu panjang sehingga memungkinkan kamu pusing membacanya maka artikel tersebut dipecah menjadi dua bagian. Nah bagian kedua ini akan membahas bagaimana cara menambahkan widget Recent Post dan Recent Comments dengan menggunakan javascript.
Dibanding cara pertama (menggunakan Gadget Blogger), cara kedua ini memiliki kelebihan dimana jumlah judul posting atau komentar dapat diatur sekehendak kita (bisa lebih dari 5). Untuk menggunakannya kamu bisa mengikuti langkah-langkah berikut:
- 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.
Jika ternyata tidak muncul bullets pada setiap judul Recent Posts kamu (karena setiap template selalu berbeda), maka tambahkan perintah <ul> pada script terakhir dan ditutup dengan </ul> (lihat contoh pada script Recent Comments yang kedua).
Jika kamu ingin menampilkan judul artikel hanya dari label tertentu, silahkan pelajari artikel ini.
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, seperti pada Recent Comments blog ini atau blog ini, gunakan script berikut:
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.....
Dibanding cara pertama (menggunakan Gadget Blogger), cara kedua ini memiliki kelebihan dimana jumlah judul posting atau komentar dapat diatur sekehendak kita (bisa lebih dari 5). Untuk menggunakannya kamu bisa mengikuti langkah-langkah berikut:
- Dari halaman Dashboard blog kamu pilih Tata Letak (Layout).
- Setelah masuk ke Elemen Halaman, klik Tambah Gadget.
- Setelah itu pilih HTML/JavaScript untuk ditambahkan, seperti nampak pada gambar berikut:
- Kemudian masukkan script berikut dan ubah NamaBlogKamu dengan nama blog kamu sendiri:
Kode untuk Recent Posts:
<script style="text/javascript" src="https://sites.google.com/site/ruangsc/enes/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.
Jika ternyata tidak muncul bullets pada setiap judul Recent Posts kamu (karena setiap template selalu berbeda), maka tambahkan perintah <ul> pada script terakhir dan ditutup dengan </ul> (lihat contoh pada script Recent Comments yang kedua).
Jika kamu ingin menampilkan judul artikel hanya dari label tertentu, silahkan pelajari artikel ini.
Kode untuk Recent Comments:
<script style="text/javascript" src="https://sites.google.com/site/ruangsc/enes/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, seperti pada Recent Comments blog ini atau blog ini, gunakan script berikut:
<script style="text/javascript" src="https://sites.google.com/site/ruangsc/enes/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>
Nah, selesai dah. Selamat mencoba.....
24 komentarPosting Komentar
tahnks....
Siip... recent post n recent comment beres.
Nuhun ah.
Naon deuinya ayeuna?
@Rep Nana:
Mungkin sobat belum mengganti nama blog kamu dengan URL blog milik mbak...
Blog lain gak ada masalah tuh mbak.
Mantaaap... Recent posts n recent comments kepake sob. Thank berat
Ane pake nih sob... Makasih ya atas tutornya. Bermamfaat banget buat newbie kayak ane ini sob
tos dipasang, Kang. Hatur nuhun
Kalau nambah badge masuknya kemana mas/mba
makasih atas infonya....
keren membantu saya banget nih blog tutorialnya
makasih yah..
salam sobat
saya sudah pakai tutorial recent comment dengan scriptnya.
trims bang Enes,,ilmunya.
numpang c0pas sob :-D
@Arya Bayu:
Boleh aja sob, asal sumber SC Community-nya tetap dipasang
aku pake recent commentnya kang thanks
Sip mas...
Ntar kapan2 saya coba.
Makasih yah buat infonya :)
Minta izin pake widgetnya kang. Hatur nuhun...
Visit here
thanks buat infonya sob ;)
mathur nuwun
makasih bggt infonya
sip..sip..tp kok labele sc community?....hahaaa.....
Saya barusan dari penjelasan script yang lain, nah sekarang saya akan coba paek yang ini, mudah mudahan ini tidak seperti itu juga....
Thank you so much...I can try
gan lin ente dah ane taro di blog ane coba cek aja di www.komputer-rifai.blogspot.com ,/
sekarang giliran gan yang taro link ane !!
secepatnya
wah perlu dijajal ini, bira simpel
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.