Kali ini saya ingin sharing ilmu untuk mempercantik blog di blogspot dengan recent comments ala wordpress Versi II, karena versi pertama udah di bahas OB pada postingan Trik Blogger | Memasang Komentar Terbaru (Recent Comments).
Beda dengan yang terdahulu apa? kalau yang dulu link antara nama komentar saya postingan menuju ke alamat yang sama, yaitu kehalaman postingan yang dikomentari.
Nah versi yang sekarang kalau link yang berkomentar langsung menuju ke-alamat si komentar itu sendiri mirip seperti yang ada di wordpress.
ini contohnya :
Widget ini hasil kreasi dari www.corpseofattic.com, disitu ada berbagai versi yang sudah dibuatnya.
Anda juga bisa intip langsung source code dari wordpress recent comments disini, bisa kamu modifikasi jika tidak membuat kepala kamu pusing.
Tapi kalau kamu tidak mau pusing-pusing ini saya jelaskan triknya :
Login dulu ke account blogger kamu.
- Pilih tab Tata Letak --> Elemen Halaman.
- Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)
- Dalam "Tambahkan Gadget", pilih HTML/JavaScript
- Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Komentar terbaru)
<div style="overflow: auto; width: 180px;
height: 330px; background-attachment: scroll;
background-color:#dde5d1; line-height:1.5em;padding: 5px; border: 4px dotted #FFF; -moz-border-radius:10px;-webkit-border-radius:10px;">
<script style="text/javascript" src="http://corpseofattic.com/scripts/recentcommentsv2.js"></script><script style="text/javascript">var numposts = 7;var showposttitle = true;var standardstyling = true;</script><script src="http://rudyazhar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>
Note :
- kode yang berwarna biru untuk mengaktifkan fungsi scroll, jika tidak menggunakannya kamu bisa hapus aja kode tersebut.
- Ganti kode yang berwarna merah dengan alamat penyimpanan file "recentcommentsv2.js" kamu sendiri. Kalau tidak biarkan apa adanya.
- Kode yang berwarna orange adalah jumlah recent comments yang ingin kamu tampilkan, contoh diatas 7 komentar yang tertampil kamu bisa rubah angka 7 ke angka 5 misalnya.
- Ganti kode yang berwarna hijau dengan alamat blog kamu.
Contoh pemakaian recent comments ini bisa anda lihat pada blog rudyazhar disini.
Selamat mencoba...
0 Comments
