Ads 468x60px

Παρασκευή, 27 Σεπτεμβρίου 2013

Recent Comment Widget

Φίλες και φίλοι γεια σας σε αυτή την ανάρτηση θα δούμε πως μπορούμε να κάνουμε
να φαίνονται τα τελευταία σχόλια των ανγνωστών μας στο blog με κυκλικό-
στρογγυλεμένο avatar!Είναι από τα widget που ομορφαίνουν το γενικό design του
blog μας και η εγκατάσταση του είναι πάρα πολύ απλή!



Πηγαίνετε blogger--> Διάταξη -->

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

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
..........................................................................................................................


 <style type="text/css">

    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;-webkit-
box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px 
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-
radius:100px;}
    .ST_recent_comments li img{padding:0px;position:relative;overflow:hidden;
display:block;}
    .ST_recent_comments li span{margin-top:4px;color: #666;display: block;font
-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 5,
    showAvatar     = true,
    avatarSize     = 40,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src=" https://googledrive.com/host/0B_
1mqJd2tC8qdDdPb25PXzNiSUk"></script>
<script type="text/javascript" src="ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ/feeds/
comments/default?alt=json&callback=ST_recent_comments&max-results=5"></script>
.............................................................................
ΑΛΛΑΓΕΣ 
ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ ΚΑΙ ΠΑΤΑΤΕ ΑΠΟΘΗΚΕΥΣΗ!ΑΥΤΟ ΗΤΑΝ! 
 
Καλή επιτυχία!! 
 
DEMO
 
Πηγή κώδικα 
thanks to safetricks.net 
 
 
 
Edit by vaiol!!!! 

0 σχόλια :

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

Icon Icon Icon

spice up your blog