GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ ΜΕ AVATAR No 2

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ
ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ ΜΕ AVATAR No 2
Με τον παρακάτω κώδικα θα εμφανίζονται τα πιο πρόσφατα σχόλια που έχουν γίνει στο blog σας και δίπλα τους στο αριστερό μέρος θα εμφανίζεται και το avatar αυτού που σχολίασε. Μπορείτε να αλλάξετε το πόσα σχόλια θα εμφανίζονται αλλάζοντας το &max-results=10. Μπορείτε να αλλάξετε το πόσοι χαρακτήρες θα εμφανίζονται στο κάθε σχόλιο αλλάζοντας το characters||250. Το μέγεθος του avatar αλλάζει εκεί που γράφει height: 50px;width: 50px;

Η εικόνα default του avatar μπορεί να αλλάξει βάζοντας ένα δικό σας link εικόνας στη θέση του δικού μου κόκκινου link. Το πλάτος του κουτιού που θα εμφανίζονται τα σχόλια είναι 400px; και αν βάλετε τον κώδικα σε gadget με μικρότερο πλάτος θα χρειαστεί να το μειώσετε μέχρι να έρθει δίπλα στο εικονίδιο του avatar. Τέλος μη ξεχάσετε να αλλάξετε το link του δικού μου blog με τα πράσινα γράμματα με το link του δικού σας blog.

ΔΕΙΤΕ ΤΟ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΤΟ ΥΠΟΣΕΛΙΔΟ ΑΥΤΟΥ ΤΟΥ DEMO BLOG ►


<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+="&#8230;"}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="http://the-best-widgets.blogspot.gr/feeds/comments/default?alt=json&callback=bloggerRC&max-results=10"></script>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.