Κίτρινο Χρώμα Cloud Widget Label Για Blogger

Σε αυτό το post im gonna εξηγήσει πώς να προσθέσετε ελκυστικό κίτρινο widget σύννεφο ετικέτα για blogger. Έτσι, αυτό ετικέτες είναι καθαρά και ωραία εμφάνιση, οι λαοί μπορούν να βρουν τις οποιεσδήποτε κατηγορίες εύκολα.

1. Συνδεθείτε στο λογαριασμό blogger και κάντε κλικ στο drop down.



2. Τώρα επιλέξτε " Πρότυπο ", όπως παρακάτω.

3. Τώρα μπορείτε να δείτε ζωντανά στο blog, Κάντε κλικ στο κουμπί EDIT HTM L Button " 4. Τώρα κάντε κλικ στο κουμπί Συνεχίστε κουμπί. Aλλαγες στην επεξεργασία HTML στο blogger

ctrl F λειτουργεί μόνον όταν ο κέρσορας είναι μέσα στο πρότυπο, και ανοίγει ένα κουτάκι, οπου γράφετε τη λέξη κλειδί η τη φράση που ψάχνετε, και αμέσως χρωματίζονται οι αντίστοιχες φράσεις 

5. Βρες αυτή την ετικέτα με τη χρήση του Ctrl + F   ]]></b:skin> . 6 Επικόλληση παρακάτω κώδικα πριν ]]></b:skin> tag

/*-----Custom Labels widget by www.bloggertrix.com----*/

#Label1 a{float: left;
    font-size: 11px!important;
    line-height: 1em!important;
    display: block;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 7px;
    background: #ffd964 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbGidQhPE0Sw3DK-590fvKHqV3nXiysRLbpSoSePE4KcXWFk5vWEcxqcIHdk3rULByt0Gq0LHKRlZxyloqiPc3G7AVNbsnw8Nny6UrOR8XqzRD2aoS977UGsXd5JBT3lujEkWCtWj0E00/s1600/yellow-btrix.png);
    border: 1px solid #F9B653;
    color: #9C6533!important;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#Label1 a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTy9UIIn6axN1L1jE61Oe1hEtdUV0ansDuriinnCcIxkf3gs7t8bnasqxLQS1P6OQkiXESZMeMEq2fcCFILYGPTTRz057AtErORKpGupknopEQsYp21rfCNcFbUIN7dzZNSxZORn3LvY/s1600/yellow-btrix-hover.png);}
#Label1 a:active { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSNRTq1dAwlIkJTmp4XEhayc_bJN6vfIPoX6jMWPUY5Hkwd8rUuv15BK4oK9HQHF6Bazdu5y0idqyVAtWkKrxU_xF2UKjMTzSIDYazGARUYSgayqKVnEpI2WXOAQHgLXbjRETdPIzOvyk/s1600/yellow-btrix-active.png); }

7. Τώρα κάντε κλικ  Αποθήκευση προτύπου.