Καλησπέρα σας, σήμερα θα σας απαντήσω σε μια ερώτηση που μου έθεσαν αρκετοί φίλοι αναγνώστες και που πιστεύω ότι είναι αναγκαίο να απαντηθεί άμεσα.
Πρόκειται για μια μικρή αλλαγή ή οποία όμως θα "προσφέρει" αρκετά στο blog σας!
Πως γίνεται λοιπόν να αλλάξει η εμφάνιση του Gadget "Δημοφιλείς Αναρτήσεις" ?
Η απάντηση είναι εύκολη αρκεί να ακολουθήσετε τα παρακάτω βήματα:
1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Με την βοήθεια του CTRL + F ψάξτε για το:
]]></b:skin>
5) Ακριβώς απο πάνω, βάλτε τον παρακάτω κώδικα:
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxVzUtTTu4E2NGYDJN8nFHgvMlm9QxqPtWHQJ-qNLy9gP8hfcXAbYoOV4ijtkDCG32bu07SVoWEiZJMcktSzJSMezVJER6FWoM7i83bWkhDaLnbkdyGfYq8_kBxcrezUyjlyiBRw9tpc/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxVzUtTTu4E2NGYDJN8nFHgvMlm9QxqPtWHQJ-qNLy9gP8hfcXAbYoOV4ijtkDCG32bu07SVoWEiZJMcktSzJSMezVJER6FWoM7i83bWkhDaLnbkdyGfYq8_kBxcrezUyjlyiBRw9tpc/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Τώρα, αν θες, μπορείς να αλλάξεις το #FFF βάζοντας το χρώμα της επιλογής σου.
0 σχόλια:
Δημοσίευση σχολίου