Πρόκειται για μια αλλαγή ή οποία θα προσφέρει στις δημοφιλείς αναρτήσεις σας μια άλλη πιο όμορφη και ελκυστική εικόνα.
Για να αλλάξει λοιπόν η εμφάνιση του Gadget "Δημοφιλείς Αναρτήσεις" θα πρέπει να ακολουθήσετε τα παρακάτω βήματα:
2) Σχεδίαση
3) Επεξεργασία HTML
4) Με την βοήθεια του CTRL + F ψάξτε για το:
]]></b:skin>
Είναι στην ουσία αυτή η λέξη κλειδί, το κλείσιμο της διαμόρφωσης όλων των πραγμάτων που αφορούν το style του template σας...
5) Ακριβώς απο πάνω, βάλτε τον παρακάτω κώδικα:
Τώρα, αν θέλετε, μπορείτε να αλλάξετε το #FFF βάζοντας το χρώμα της επιλογής σας.
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNKXJGmWzyUpRa26N2GMfm74nHdgfYVo2l24DalQVUK6ZNiSCKp9mOcLcug8V1bJpOhZ0VSClquD9benMmb7tvUhQwotLiD5s_-YmNEx9DGDJgnKq5DNjkj-eRdHdshyphenhyphenXh_TI9ftSwe20/s12/arrow.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/AVvXsEiNKXJGmWzyUpRa26N2GMfm74nHdgfYVo2l24DalQVUK6ZNiSCKp9mOcLcug8V1bJpOhZ0VSClquD9benMmb7tvUhQwotLiD5s_-YmNEx9DGDJgnKq5DNjkj-eRdHdshyphenhyphenXh_TI9ftSwe20/s12/arrow.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 βάζοντας το χρώμα της επιλογής σας.
Post a Comment