• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΕΜΦΑΝΙΣΗ ΑΝΑΡΤΗΣΕΩΝ ΑΝΑ ΕΤΙΚΕΤΑ ΜΕ ΕΙΚΟΝΙΔΙΑ & ΠΕΡΙΓΡΑΦΗ

POSTS BY LABBEL
ΕΜΦΑΝΙΣΗ ΑΝΑΡΤΗΣΕΩΝ ΑΝΑ ΕΤΙΚΕΤΑ ΜΕ ΕΙΚΟΝΙΔΙΑ & ΠΕΡΙΓΡΑΦΗ
Με τον παρακάτω κώδικα μπορείτε να προβάλετε αναρτήσεις με συγκεκριμένη ετικέτα, οι οποίες θα έχουν εικονίδιο, τίτλο, περιγραφή, ημερομηνία, και αριθμό σχολίων. Συνήθως μπαίνει στην πλαϊνή πλευρική μπάρα για να βλέπουν οι επισκέπτες και άλλες ενδιαφέρουσες αναρτήσεις που μπορεί να περιέχει το blog σας εκτός από τις 10 δημοφιλείς που μπορείτε να εμφανίσετε με το γνωστό gadget του blogger. Ο κώδικας αυτός μπαίνει σαν gadget σε όποιο σημείο της διάταξης του blog σας θέλετε. Μπορείτε αν θέλετε να αλλάξετε το μέγεθος της εικόνας και το μέγεθος της γραμματοσειράς αλλάζοντας τα γαλάζια νούμερα.


<style>
img.recent_thumb {padding:1px;width:70px;height:70px;border:0;float:left;margin:5px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px; padding:0;font:13px arial;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:70px;list-style:none;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font: 11px arial;}
</style>
<script style="text/javascript" src="https://github-codes.github.io/mycodes/javascripts/posts-by-label-1.js"></script>
<script>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 200;
</script>
<script src="https://the-best-widgets.blogspot.com/feeds/posts/default/-/SLIDESHOWS?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

14 σχόλια:

  1. Καλησπέρα, είμαι καινουριος στη δημιουργια μπλογκ και προσπαθησα να βαλω το συγκεκριμενο στο μπλογκ μου αλλα δε μου εμφανιζει δικες μου αναρτησεις και υπαρχει ενα κενο απο το επομενο gadget.τι εχω κανει λαθος?????

    ΑπάντησηΔιαγραφή
  2. Ποιο είναι το blog σου να το δώ να σου πώ.

    ΑπάντησηΔιαγραφή
  3. Βάλε στην τελευταία γραμμη του κώδικα τη διεύθυνση του blog σου και την ετικέτα SLIDESHOWS αντικατέστησέ την με δικία σου ετικέτα.

    ΑπάντησηΔιαγραφή
  4. να βαλω στο τελος του κωδικα τη διευθυνση του μπλογκ μου? ή να αντικαταστησω το δικο σου με το δικο μου στη διευθυνση του μπλογκ?

    ΑπάντησηΔιαγραφή
  5. Να αντινκαταστήσεις την δική μου διευθηνση blog με την δική σου και σβήσε την ετικέτα ΜΟΥ /-/SLIDESHOWS όπως σου την γράφω μαζί με τις παύλες και τα /-/.

    ΑπάντησηΔιαγραφή
  6. ok ρε φιλε σε ευχαριστω πολυ!!!

    ΑπάντησηΔιαγραφή
  7. Καλημέρα και είμαι ευγνώμων για τη μέχρι τώρα βοήθεια που έχω πάρει από το blog σου.
    Θα ήθελα να κάνω κάτι σύνθετο. Θα ήθελα να εμφανίζονται οι αναρτήσεις μου ανα ετικέτα με εικονίδιο και περιγραφή, αλλά όλο αυτό να είναι σε μια σελίδα που θα έχει τις αναρτήσεις μέσα σε πλαίσια σε δύο στήλες (είδα τη σχετική σου ανάρτηση και το έφτιαξα). Υπάρχει μήπως στο blog σου τέτοια ανάρτηση?

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Δεν έχω κάνει τέτοια ανάρτηση ακόμα. Έχω όμως ήδη φτιάξει μία σελίδα με τα περιεχόμενα του blog μου σε τέτοια μορφή και διάταξη που θέλεις δες την στη σελίδα MY POSTS 2. Θα φτιάξω μία τέτοια ανάρτηση μέχρι την Δευτέρα. Αν θέλεις μου δείχνεις με ένα link τι έφτιαξες στο blog σου να σου πω για τυχόν λάθη και παραλείψεις...

      Διαγραφή
    2. Σε ευχαριστώ για τον κόπο ...
      http://diaviouanelixi.blogspot.gr
      Στην κατηγορία "Άρθρα" θέλω να κάνω αυτό που σου ζήτησα. Γιατί ενω θα έχω αρκετές κατηγορίες (τωρα βλεέπις ενδεικτικά μια) θα μου άρεζε να εμφανίζονται οι αναρτησεις με τη φωτο και μια μικρή περιληψη

      Διαγραφή
    3. Την έφτιαξα την ανάρτηση με τις έγχρωμες κατηγορίες με εικονίδια και περιγραφή. Άλλαξε τα χρώματα των backgrounds σε ανοιχτόχρωμα γιατί αυτά είναι για σκουρόχρωμο blog. Δές την ανάρτηση εδώ. http://the-best-widgets.blogspot.gr/2016/01/2_16.html

      Διαγραφή
    4. Δούλεψε πολύ καλά. Ένα πρόβλημα έχω μόνο. Στα άρθρα μετατρέπει τους τίτλους σε κεφαλαία και έτσι εμφανίζονται με τόνους.
      Δες τι εννοω http://diaviouanelixi.blogspot.gr/p/blog-page_52.html
      Υπάρχει τρόπος να το ξεπεράσω αυτό;

      Διαγραφή
    5. Άλλαξε εκεί που λέει text-transform: uppercase; σε text-transform: lowercase; Δές εδώ που βρίσκεται μέσα στον κώδικα. http://prntscr.com/9r5fbg

      Διαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.