Untuk menciptakan widget recent comment dengan tampilan yang luar biasa ganteng menyerupai gambar di atas, cukup salin isyarat ini lalu letakkan di dalam sebuah elemen halaman HTML/JavaScript:
<style type="text/css"> #komentar { font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif; background-color:#597624; margin:0; padding:10px; color:black; border:4px solid #597624; -webkit-box-shadow:inset 0 0 2px black; -moz-box-shadow:inset 0 0 2px black; box-shadow:inset 0 0 2px black; } #komentar ul { margin:0; padding:0; border-top:1px solid #455F20; border-bottom:1px solid #799D1A; } #komentar ul li { border-top:1px solid #799D1A; border-bottom:1px solid #455F20; padding:3px 0; list-style:none; } #komentar ul li b a, #komentar ul li b a:link, #komentar ul li b a:visited, #komentar ul li b { color:#D7E5FD; text-shadow:0 1px 1px rgba(0,0,0,.4); } #komentar ul li b:before { content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png); margin:0 4px 0 0; display:inline-block; *display:inline; vertical-align:middle; } </style> <script type="text/javascript"> var jmlkomentar = 14, jmlkarakter = 200, home_page = "http://nama_blog.blogspot.com"; </script> <script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>Tentukan jumlah komentar yang akan ditampilkan pada jmlkomentar dan jumlah aksara pada jmlkarakter. Ganti isyarat yang Saya beri tanda dengan alamat blogmu sendiri.
Klik Simpan dan lihat hasilnya:
JSON disederhanakan kembali dari versi aslinya di Blog Tune-Up