Tech Time: Horizontal Popular Posts Widget

TRANSLATUM

Μία πολύ χρήσιμη online εφαρμογή είναι
το Translatum το οποίο μας βοηθά να μεταφράσουμε λέξεις και κείμενα μέσα από πάρα πολλά λεξικά!Δεν θέλει εγκατάσταση απλά πατήστε στην εικόνα για να μεταφερθείτε στην ιστοσελίδα του Translatum, επιλέξτε

ότι σας ενδιαφέρει και πατήστε Μετάφραση!

Πέμπτη 31 Μαρτίου 2016

Horizontal Popular Posts Widget

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

Δείτε εδώ το DEMO

ΕΓΚΑΤΆΣΤΑΣΗ:

Για αρχή εγκαθιστούμε από τον πανόπτη μας το widget Δημοφιλείς Αναρτήσεις!

Βάζουμε τις ρυθμίσεις όπως βλέπετε στην εικόνα:

Μετά πάρτε ένα BACK UP TO TEMPLATE ΣΑΣ και κατόπιν

αντιγράψτε τον ακόλουθο κώδικα:
.................................................................................................................................................................

/*--Horizontal Popular Post By www.bloggerspice.com--*/
#PopularPosts1 li{display:inline;list-style:none;width:155px;float:left;text-align:left;padding:0 0 0 5px}
#PopularPosts1 .item-title{display:none;list-style:none;float:left;text-align:left;width:100px;font-size:.80em}
.PopularPosts .widget-content ul li{
background:#FFCC00;
border:3px solid #333333;
border-radius:10px;
float: center;
color:#11111;
list-style: none outside none;
margin: 5px 0 0!important;
padding: 5px !important;
}
.PopularPosts .item-thumbnail{
margin: 3px !important;
}
.item-thumbnail img{
background:#333333;
border: 1px solid #111111;
height: 80px;
padding: 5px;
width: 115px;
border-radius:10px;
}
.item-thumbnail img:hover{
border:0px solid #111111;
}

..................................................................................................................................................................

και...

Πηγαίνετε blogger-->Πρότυπο

Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl + F ψάχνεται

να βρείτε το: ]]></b:skin>

Μόλις το βρείτε κάντε επικόλληση τον κώδικα

ακριβώς από ΠΑΝΩ ΤΟΥ!

Πατήστε Αποθήκευση Προτύπου!

Αυτό ήταν!