Ads 468x60px

Πέμπτη, 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>

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

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


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





Αυτό ήταν! 


 Καλή επιτυχία!!!


Πηγή κώδικα 
thanks to bloggerspice.com




Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog