Πώς να προσαρμόσετε ετικέτες Cloud στο Blogger




Μετάβαση στο Blogger ταμπλό> Ρυθμίσεις> Layouts
Κάντε κλικ στο κουμπί Προσθήκη gadget> Ετικέτες
Επιλέξτε Display Cloud μόλις είστε μέσα στις ρυθμίσεις.
Επιλέξτε να εμφανίσει 25 ετικέτες σε πιο Επειδή πάρα πολύ δύσκολη θα δούμε.
Αποθηκεύστε το widget. Πηγαίνετε στο Ρυθμίσεις> Πρότυπο
Δημιουργία αντιγράφων ασφαλείας του προτύπου σας.
Κάντε κλικ στο κουμπί Επεξεργασία HTML> Προχωρήστε στη συνέχεια, αναζητήστε ]]></b:skin> και από κάτω βάλτε

Paste the code provided below just above the code in no. 6/*-----Custom Labels Cloud widget by www.FoulsCode.blogspot.gr----*/.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #C6C6C6;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#666;}.label-size:hover {border:1px solid #6BB5FF;text-decoration: none;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 1;}.label-size a {text-transform: uppercase;float:left;text-decoration: none;}.label-size a:hover {text-decoration: none;}



8. Αποθηκεύστε το πρότυπο
Σημείωση: Αν θέλετε τα κουτιά ετικετών να είναι τυχαία μεγέθη, διαγράψτε font-size:10px; από τον παραπάνω κώδικα.

ΠΗΓΗ

Δεν υπάρχουν σχόλια:

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

Εγγραφείτε για να λαμβάνετε τις σημαντικότερες ειδήσεις της ημέρας