Widget με τα τελευταία σχόλια του Blog σας

Ένα ζωντανό blog φαίνεται και από τα σχόλια που αφήνουν οι αναγνώστες του.
Αλλά αν τα σχόλια βρίσκονται κάτω από κάθε ανάρτηση, ψιλοχάνονται.
Έτσι θα προσθέσουμε εύκολα ένα widget που θα το τοποθετήσουμε όπου εμείς θέλουμε και θα δείχνει τα σχόλια που έχουν κάνει οι επισκέπτες οπουδήποτε.

Πάμε να το δούμε
Πηγαίνουμε στην σελίδα του blogger και πατάμε διάταξη

Στην συνέχεια προσθήκη gadget και στο παράθυρο που ανοίγει πατάμε HTML/JavaScript

Στο παράθυρο που ανοίγει, βάζουμε τον κώδικα, πατάμε αποθήκευση και έτοιμο.

ο κώδικας είναι

<style type="text/css" scoped> 

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

.ms_recent li{background:transparent;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;} 

.ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}

.ms_recent a {text-decoration:none;}

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

.avatarRound{border-radius:100px;width:35px;height:35px} 

.ms_recent li span{margin-top:4px;color: #444;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 = False;

 maxfeeds=50,

 adminBlog='MS';

//]]>

</script>

<script type="text/javascript" src="https://cdn.rawgit.com/msdesign92/ms-design/master/recent2.js"></script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=ms_recent&amp;&amp;max-results=50">

</script>

numComments  = 5, Εδώ βάζουμε πόσα σχόλια θέλουμε να δείχνει. Εγώ έχω 5, εσείς βάλτε ότι θέλετε

showAvatar  = true, Εδώ λέμε αν θέλουμε να έχει avatar (εικόνα) αριστερά από τα σχόλια. Αν θέλουμε να έχει εικόνα το αφήνουμε όπως είναι, αν δεν θέλουμε σβήνουμε το true και βάζουμε false

avatarSize  = 35, Εδώ ρυθμίζουμε το μέγεθος του Avatar. Εγώ έχω 35, εσείς βάλτε ότι θέλετε

roundAvatar = true,  Εδώ λέμε αν θέλουμε να έχει avatar να είναι στρογγυλό η τετράγωνο. Αν θέλουμε στρογυλό το αφήνουμε όπως είναι, αν θέλουμε τετράγωνο σβήνουμε το true και βάζουμε false

characters  = 40, Εδώ λέμε πόσοι χαρακτήρες να φαίνονται στο σχόλιο. Εγώ έχω 40, εσείς βάλτε ότι θέλετε

defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", Εδώ είναι το default link εικόνας αν βάζει σχόλιο κάποιος ανώνυμος χρήστης. Η το αφήνετε έτσι, η βάζετε ότι εικόνα θέλετε εσείς. (το Link)

hideCredits = False; Εδώ είναι να φαίνεται κάτω δεξιά ένα διακριτικό Link του κατασκευαστή. False φαίνεται, true δεν φαίνεται.

Αυτά είναι και δεν πιστεύω να ξέχασα κάτι.