Recent Comments with Avatar for Blogger V.3

Recent Comments with Avatar for Blogger  - Recent comment or widget I called the latest comments Recent Comments v.3  , still the same as ...

Recent Comments with Avatar for Blogger - Recent comment or widget I called the latest commentsRecent Comments v.3 , still the same as the previous version still raises avatar. Original script was made ​​Harish Dasari and edited by Kusuma Afandi. In previous versions, the 
script used is from Kang Asep Sakahayang.

What is different in this v.3 is clickable area (the area that can be clicked) not only in the name of commentator, but around the avatar, name, and the content of the comments are all clickable.Another advantage of this is valid HTML5 v.3.

Method very easy installation, ie create a new widget HTML / JavaScript and save this code in it.

<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 0 0 6px; position: relative; overflow: hidden;} 
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width: 35 px;height: 35 px}
.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 = ' Kang Ismet ';
//]]>
</ 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 & amp; callback = kangismet_recent & amp; & amp; max-results = 50">
</ Script>

Customization

To create a different look, please edit the CSS above. Explanation of the script can be customized: numComments = 5 (number of comments displayed) showAvatar = true(false, if you want to hide the avatar) avatarSize = 35 (the size of the avatar in pixels)roundAvatar = true (round avatar) characters = 40 (the number of characters the content of comments ) defaultAvatar = "http://www.gravatar.com/avatar/?d=mm" (the default avatar) adminBlog = 'Kang Ismet' (the name of the blog admin, shall be substituted) Update Notes: v.1 - 11.01.2012

• Released
• Script by Harish Dasari

v.2 - 14.05.2012

• Script modified by Asep
• Removed Admin Comments

v.3 - 09/15/2013

• Script modified by Afandi Kusuma
• Expanded clickable area
• Fixed HTML5 validation issues by Kang Ismet