Εμφανίστε τα τελευταία άρθρα του blog με εικόνες

Καλησπέρα σας,

Σήμερα θα σας δείξουμε πως με ένα απλό Widget μπορείτε να εμφανίζεται τις τελευταίες αναρτήσεις σας και να τις παρουσιάζεται με τρόπο λιτό και αποτελεσματικό. Το Widget αυτό είναι πολύ χρήσιμο για blogs που ανεβάζουν συνεχώς άρθρα, και έχουν μεγάλο φάσμα ειδήσεων. Οι επισκέπτες που μπήκαν κατά τύχη από την αναζήτηση του Google, και ανακάλυψαν κάποια ανάρτηση μας που τους ενδιέφερε, το λογικό θα είναι, μόλις την διαβάσουν, να κλείσουν την σελίδα μας και να συνεχίσουν την περιήγηση τους
. Όμως όπως θα έχετε διαπιστώσει και οι ίδιοι, όταν υπάρχει στο πλάι μια λίστα από αναρτήσεις που θίγουν διάφορα θέματα, σχεδόν πάντα πατάμε και διαβάζουμε και άλλη ανάρτηση του ίδιου blog.

• Αυξάνει τον χρόνο παραμονής του επισκέπτη στο blog μας.
• Αυξάνει τα τυχόν έσοδα μας από διαφημίσεις.
• Δείχνει επαγγελματισμό και ποιότητα στην ιστοσελίδα μας.
• Είναι ελαφρύ και ευέλικτο.

Για την εγκατάσταση, ακολουθήστε τα παρακάτω βήματα:

1) Σύνδεση στον Blogger

2) Πατάμε στη Διάταξη

3) Επιλέγουμε το σημείο που θέλουμε το Gadget και πατάμε Προσθήκη Gadget

4) Απο την λίστα που θα ανοίξει διαλέγουμε το HTML / JavaScript (11 στην λίστα)

5) Βάζουμε με προσοχή τον παρακάτω κώδικα

<div class="$bs-recent-posts-widget">
        <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
        "pipe_params":{"URL":"http://www.clicks4funny.gr/feeds/posts/default"},
        "hideHeader":"false","height":"","count": 7 }</script>
        <div style="font-family: arial, sans-serif; font-size: 9px;"> Powered by <a href="http://www.bloggertricks.gr" target="_blank" title="Blogger Tips">Blogger Tips</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
        <style type=text/css>
        .$bs-recent-posts-widget {margin:10px 0px;padding:0px;}
        .ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
        .pipesTitle {padding-top:0px;}
        .pipesDescription {display:true;}
        .ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSZ4LrDyGzGD2rxlgMyJXlYJzkNN023Lqd7gGriJnPotI8bVcnxe20pu9tCZ8XtTDQHzRRxyoU3s1l9-a6g67B1xqySK5wt-EMRaaUOzRLYC3iolK7StKZeDcQgj-HTDn2pM0pA3g3y4/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
        .ycdr, .ycdr a {color:#999999;}
        .widget .popular-posts ul {padding-left:0;}
        </style>

6) Αλλάζουμε το http://www.clicks4funny.gr με την ιστοσελίδα μας.

7) Αλλάζουμε το νούμερο 7, με τον αριθμό των αναρτήσεων που θέλουμε να εμφανιζονται.