Παρασκευή 27 Σεπτεμβρίου 2013
Recent Comment Widget
Φίλες και φίλοι γεια σας σε αυτή την ανάρτηση θα δούμε πως μπορούμε να κάνουμε
να φαίνονται τα τελευταία σχόλια των ανγνωστών μας στο blog με κυκλικό-
στρογγυλεμένο avatar!Είναι από τα widget που ομορφαίνουν το γενικό design του
blog μας και η εγκατάσταση του είναι πάρα πολύ απλή!
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
..........................................................................................................................
να φαίνονται τα τελευταία σχόλια των ανγνωστών μας στο 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!!!!
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου