<meta name="description" content="[RECENT COMMENTS WITH AVATAR-2]">
<style>
ul.bloggerRC{list-style:none;margin-top: 0px;;padding:0}
.bloggerRC li {background: none repeat scroll 0 0 transparent !important;
clear: both;display: block;list-style: none outside none;margin: 0 !important;
overflow: hidden;padding: 0 0 4px !important;position: relative;}
.bloggerRC li a {background: none repeat scroll 0 0 #173377;color: #FFFFFF;float: left;
font: 12px Arial;margin-top:0px;padding:30px 5px 5px; width:400px;}
.bloggerRC li a:hover{background:#115599}
.bloggerRC li .avatarImage {float: left;margin: 0 5 5 0px;overflow: hidden;position: relative;}
.avatarRound {background: none repeat scroll 0 0 white;border:none;border-radius:5px;
height: 50px;width: 50px;}
.bloggerRC li img{padding:0;position:relative;overflow:hidden;display:block}
.bloggerRC li span {background: none repeat scroll 0 0 #A11111;color: #FFF;display: inherit;float: left; font: 12px arial;padding: 5px;position: absolute;left: 60px;top:0px;}
.bloggerRC span{display:none}
</style>
<script>
function bloggerRC(e){var t;t='<ul class="bloggerRC">';
for(var n=0;n<numComments;n++){
var r,i,s,o;if(n==e.feed.entry.length)break;t+="<li>";
var u=e.feed.entry[n];
for(var a=0;a<u.link.length;a++){
if(u.link[a].rel=="alternate"){r=u.link[a].href}}
for(var f=0;f<u.author.length;f++){i=u.author[f].name.$t;s=u.author[f].gd$image.src}
if(s.indexOf("/s1600/")!=-1){s=s.replace("/s1600/","/s"+avatarSize+"-c/")}
else if(s.indexOf("/s220/")!=-1){s=s.replace("/s220/","/s"+avatarSize+"-c/")}
else if(s.indexOf("/s512-c/")!=-1&&s.indexOf("http:")!=0){s="http:"+s.replace("/s512-c/","/s"+avatarSize+"-c/")}else if(s.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){s="https://lh3.googleusercontent.com/-Z0qhtChNfNU/VOEEQRsw_vI/AAAAAAAAPCk/QhpBFNgoCOA/s200-no/blogger-user.png"}
else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="http://2.bp.blogspot.com/-T4i1UG7HbwQ/UaHWizHA8YI/AAAAAAAADHM/5jTjrahXVbs/s320/BS+openid+logo.png"}
else if(s.indexOf("blogblog.com/img/blank.gif")!=-1){
if(defaultAvatar.indexOf("gravatar.com")!=-1){s=defaultAvatar+"&s="+avatarSize}
else{s=defaultAvatar}}
else{s=s}if(showAvatar==true){if(roundAvatar==true){o="avatarRound"}
else{o=""}t+='<div class="avatarImage '+o+'"><img class="'+o+'" src="'+s+'" alt="'+i+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'}t+="<span>"+i+"</span>";
var l=u.content.$t;var c=l.replace(/(<([^>]+)>)/ig,"");
if(c!=""&&c.length>characters){c=c.substring(0,characters);c+="…"}else{c=c}t+='<a href="'+r+'">'+c+"</a>";t+="</li>"}t+="";document.write(t)}
var numComments=numComments||40, avatarSize=avatarSize||80, characters=characters||250, defaultAvatar=defaultAvatar|| "http://4.bp.blogspot.com/-ilGBmvGbgBo/UaHWiqmlxZI/AAAAAAAADHE/4_ORMNbPiCI/s320/BS+avatar.png",showAvatar="undefined"===typeof showAvatar?!0:showAvatar,roundAvatar="undefined"===typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"===typeof hideCredits?!1:roundAvatar
</script>
<script type="text/javascript" src="https://the-best-widgets.blogspot.gr/feeds/comments/default?alt=json&callback=bloggerRC&max-results=10"></script>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |