Ads 468x60px

Τρίτη 24 Ιανουαρίου 2017

Latest Comment Box with Rounded Avatar

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα πάρα πολύ ωραίο widget box
για τα τελευταία σχόλια που κάνουν οι αναγνώστες του blog μας κάτω από τις
αναρτήσεις μας!Έχει ένα πολύ ωραίο hover effect, κυκλικό άβαταρ, και διάφορα
χρώματα!Θυμίζει πολύ widgets που παρουσιάζουμε τις τελευταίες η τις δημοφιλείς αναρτήσεις μας! Nα προσέξετε
το σημείο που
θα το βάλετε να έχει χώρο (width)πλάτος!





 
Η εγκατάσταση είναι απλή:
 
Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--

..............................................................................................................................................................

<style>
ul.bloggerspiceRC{list-style:none;margin-top: 10px;;padding:0}
.bloggerspiceRC 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;
}
.bloggerspiceRC li a {
background: none repeat scroll 0 0 #E60066;
color: #FFFFFF;
float: left;
font: 12px Arial;
margin-top: 10px;
padding: 25px 10px 5px;
width: 200px;
}
.bloggerspiceRC li a:hover{background:#A10048}
.bloggerspiceRC li .avatarImage {
float: left;
margin: 0 0 0 5px;
overflow: hidden;
position: relative;
}
.avatarRound {
background: none repeat scroll 0 0 white;
border: 1px solid #CC0099;
border-radius: 49px;
height: 50px;width: 50px;}
.bloggerspiceRC li img{padding:0;position:relative;overflow:hidden;display:block}
.bloggerspiceRC li span {
background: none repeat scroll 0 0 #47006B;
color: #FEFEFE;
display: inherit;
float: left;
font: 12px Trebuchet MS;
padding: 5px;
position: absolute;
left: 55px;
top: 5px;
}
.bloggerspiceRC span{display:none}
/*Comment widget by www.bloggerspice.com  */
</style>
<div class='widget-content'>
<script type='text/javascript'>//<![CDATA[
function bloggerspiceRC(e){var t;t='<ul class="bloggerspiceRC">';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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGSreDLw9c30sCpTBnei0a8T0guMMnfirqbYWs_fGACkqXXl1ipX0I7wVD5_WvwcyJ-PSd4-Rl1LsHzVYR7OchDxQh44dS4LGnsGKYj7MfBHffXmWYrAFHerzyc3oTohwjE0wGjCAVGH3/s320/BS+blogger+logo.png"}else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOUeUqrQj2VlUUho0ocVGXB5o4iYGFNzbeXy2Ct-vTekdF60zmuCYHo0h-F2xGKlcFNZpydrjtLiiKvvvJkHxJEjV2pYwa5rRaq0cJWN5jwpxARh-gPBOvnV4HGHoiazTtbBAWkD0tTNH/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||8,avatarSize=avatarSize||34,characters=characters||26,defaultAvatar

=defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidXSyuXIyU6g3baVYDYYedIbxCKS133c5EadGDuB7A_uC3Z3l5GbyhtO1pnaRnppOBwDPq7qjzT61qN51cm6olOI6AHYMxJIO2g7P0EICPBpu-E4Z2qCw1qgE3PuKxleRbmSzi8_vYAfOA/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="ΔΙΕΥΘΥΝΣΗ BLOG/feeds/comments/default?alt=json&callback=bloggerspiceRC&max-results=5"></script>
</div>
...................................................................................................................................................................
ΑΛΛΑΓΕΣ

Βάλτε το URL του Blog σας στο  ΔΙΕΥΘΥΝΣΗ BLOG/    προσέξτε να
μπει και το  πριν το feed


 και αντικαταστήστε το 5 με το πόσα σχόλια θέλετε να εμφανίζονται στο Box!

Αποθήκευση και έτοιμοι!!


Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to bloggerspice.com





Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .