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

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ ΜΕ AVATAR No 1
Με τον παρακάτω κώδικα θα εμφανίζονται τα πιο πρόσφατα σχόλια που έχουν γίνει στο blog σας και δίπλα τους στο αριστερό μέρος θα εμφανίζεται και το avatar αυτού που σχολίασε. Μπορείτε να αλλάξετε το πόσα σχόλια θα εμφανίζονται αλλάζοντας τα numComments = 11, &max-results=11. Μπορείτε να αλλάξετε το πόσοι χαρακτήρες θα εμφανίζονται στο κάθε σχόλιο αλλάζοντας το characters = 200. Το μέγεθος του avatar αλλάζει εκεί που γράφει avatarSize = 55. Η εικόνα default του avatar μπορεί να αλλάξει βάζοντας ένα δικό σας link εικόνας στη θέση του δικού μου κόκκινου link. Τέλος μη ξεχάσετε να αλλάξετε το link του δικού μου blog με τα πράσινα γράμματα με το link του δικού σας blog. 

Προσοχή για να λειτουργήσει κανονικά το widget πρέπει στις ρυθμίσεις του blogger στην ενότητα "Άλλο" να έχετε επιλέξει η ροή του ιστότοπου να γίνεται μέχρι το jump link ή πλήρες και όχι σύντομη γιατι έτσι δεν θα λειτουργήσει. Δείτε την σχετική εικόνα δίπλα.

<style>

ul.ST_recent_comments {list-style:none;margin:0;padding:0;}

.ST_recent_comments li {background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}

.ST_recent_comments li .avatarImage {padding:3px; background: #fefefe; float:left; margin: 0 6px 0 0; position:relative; overflow:hidden;}

.avatarRound{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

.ST_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

.ST_recent_comments li span{margin-top:4px;color: #FFFFFF;display: block; font-size: 12px; font-style:italic;line-height:1.4;}

</style>

<script>

//<![CDATA[

var

numComments = 11,

showAvatar = true,

avatarSize = 55,

roundAvatar = true,

characters = 200,

showMorelink = true,

moreLinktext = "More »",

defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9muFEEFcVHlUhhMTlPTO_HNOuEiVXWiZNJFKDsgHiY_D79-vJjAe6X7xJB7a_Tbh1INlvJi43lpxDZf7_mnkH8xDQuuuk2_y4VuIUBpXr7SWqAyyDrVYouxgq4J7heqIWPuV35nAOIEac/s200-no/blogger-user.png",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://yourjavascript.com/64239811517/recent-comments-3.js"></script>

<script type="text/javascript" src="http://the-best-widgets.blogspot.gr/feeds/comments/default?alt=json&callback=ST_recent_comments&max-results=11"></script>