Recent Comment Blogger Valid HTML5

Recent Comment Valid HTML5 - Kali ini kita akan membuat Widget Recent Comment, ini sudah saya kembangkan sehingga bisa menjadi valid html5, jadi jika sobat ingin memasang widget recent comment yang valid html5, artikel ini pas sekali untuk sobat blogger membacanya.

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.
Dibawah ini kode widget recent comment valid HTML5, dan jika anda tertarik memasangnya silahkan pasang di blog sobat masing-masing. :)

Berikut kodenya :

<style type="text/css">
ul.anarchyta_recent {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 310px;
  border-radius: 0 0 5px 5px;
}
.anarchyta_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;
}
.anarchyta_recent li:hover {
  border: 1px solid #ddd;
}
.anarchyta_recent a {
  text-decoration: none;
}
.avatarImage {
  padding: 3px;
  background: #2c3e50;
  float: left;
  margin: 0 6px 0 0;
  position: relative;
  overflow: hidden;
}
.avatarRound {
  border-radius: 5px;
  width: 35px;
  height: 35px;
}
.anarchyta_recent li span {
  margin-top: 4px;
  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='Dian Anarchyta';
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/15353210224/dian-anarchyta-recent-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=anarchyta_recent&amp;&amp;max-results=50">
</script>

Copy semua kodenya,
1. Login Ke Blogger Sobat
2. Ke Tata Letak
3. Tambah Gadget  (HTML/Javascript)
4. Save
Oke done! Dan lihat blogger sobat, Recent Comment Blogger Valid HTML5 sobat sudah terpasang. Sekian dulu ya sobat, Jika ada kesalahan atau saran... Silahkan berkomentar dibawah artikel ini...