Πως να αλλάξεις την εμφάνιση του Gadget "Δημοφιλείς Αναρτήσεις" στον Blogger
Πρόκειται για μια μικρή αλλαγή ή οποία όμως θα "προσφέρει" αρκετά στο blog σας!
Πως γίνεται λοιπόν να αλλάξει η εμφάνιση του Gadget "Δημοφιλείς Αναρτήσεις" ?
Η απάντηση είναι εύκολη αρκεί να ακολουθήσετε τα παρακάτω βήματα:
1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Με την βοήθεια του CTRL + F ψάξτε για το:
]]></b:skin>
5) Ακριβώς απο πάνω, βάλτε τον παρακάτω κώδικα:
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFFurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQ6tZoO7rnhJka75zmD3sFbkXnxTrIPGUH3YGPd_V6kwGToouI9LN9aYkszu3JqevotL1ejOe8ECQF1QE8_8_QMigjvH2vQgGO5nY-lLL2vFiB_RUAVVjihni7lSGzLsGQSHeF8R5QoU/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: #FFFurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQ6tZoO7rnhJka75zmD3sFbkXnxTrIPGUH3YGPd_V6kwGToouI9LN9aYkszu3JqevotL1ejOe8ECQF1QE8_8_QMigjvH2vQgGO5nY-lLL2vFiB_RUAVVjihni7lSGzLsGQSHeF8R5QoU/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 βάζοντας το χρώμα της επιλογής σου.
ΠΗΓΗ
Κατηγορίες:
Σχόλια