Ads 468x60px

Τετάρτη, 26 Απριλίου 2017

Customize Labels Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο
widget που μας επιτρέπει να δώσουμε άλλο τόνο - σχήμα - εμφάνιση στις
ετικέτες (labels) του blog μας!Μπορούμε να αλλάξουμε εντελώς την
εμφάνιση των ετικετών μας, με αυτό το widget το οποίο διαθέτει και
animation effect όταν κάνουμε mouseover με τον κέρσορα μας!





ΕΓΚΑΤΆΣΤΑΣΗ:


Για αρχή εγκαθιστούμε απο τον πανόπτη μας το widget Ετικέτες (labels)

Μετά κάνετε BACK UP TO TEMPLATE ΣΑΣ και κατόπιν


αντιγράφετε τον ακόλουθο κώδικα:

................................................................................................................................................................. 

 .Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
.Label li:hover {
    transform: rotate(351deg) scale(1.7);
}
.Label a {
    color: #fff;
    text-decoration: none;
}

..............................................................................................................................................................

και...

Πηγαίνετε blogger-->Πρότυπο


 Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl  + F  ψάχνεται

να βρείτε το: ]]></b:skin>

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

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


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






Αυτό ήταν! 



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

Από την Πηγή μπορείτε να δείτε και άλλες παραλλαγές του widget!


Πηγή κώδικα 
thanks to netoopsblog.blogspot.gr/



 Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog