Widget Recent Comment ini dikembangkan oleh Kang Ismet sehingga sudah bisa menjadi
valid html5, jadi jika anda ingin memasang widget recent comment yang valid html5, artikel ini pas sekali untuk anda baca.
Widget recent comment ini selain valid html5 juga dilengkapi dengan
clickable area sehingga bukan hanya nama komentator saja yang bisa diklik, tetapi disekitar avatar, nama, dan isi komentar juga bisa diklik.
Saya akan merekomendasikan kepada anda terlebih dahulu postingan saya sebelumnya tentang beberapa widget blog keren dan bermanfaat bagi blog, siapa tahu anda sedang mencarinya. Dan jangan salah, karena bukan hanya tampilannya yang keren, tetapi juga widget ini bisa bermanfaat bagi blog anda.
Baca juga :
Widget Blog Keren dan Bermanfaat
Biar tambah lengkap dan jika anda ingin melihat demo
Widget Recent Comment Valid HTML5 gambar dibawah ini merupakan demonya :
Widget ini bisa bermanfaat bagi admin blog yang ingin mengetahui komentar terbaru di blognya, berguna juga untuk pengunjung yang ingin mengetahui komentar pengunjung terbaru yang lain. Dengan hal ini maka untuk membalas komentar terbaru pengunjung akan lebih cepat, tidak perlu di cek di blogger.
Anda tertarik memasang Widget Recent Comment Valid HTML5 ini ??? Dibawah ini kode widget recent comment valid HTML5, dan jika anda tertarik memasangnya silahkan pasang di blog anda.
Widget Recent Comment Valid HTML5
Berikut kodenya :
<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{border: 1px solid #ddd;}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Ahmad Manarul';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50">
</script>
Kode diatas silahkan anda copy dan paste jika anda tetarik memasang
Widget Recent Comment Valid HTML5, jika anda ingin widget diatas valid html5, setelah anda pasang widget diatas, hapus kode
<b:include name='quickedit'/> di edit HTML template blog agar blog anda valid html5.
Source :
http://blog.kangismet.net/2013/09/recent-comment-dengan-avatar-untuk-blogger-v3.html