Labels mit verschiedenen Farben (Blogger)

Question

Ich möchte, dass jedes Label in Blogger eine andere Farbe hat. Ich habe versucht, eine Klasse für jedes Etikett zu erstellen, z. B. eine Klasse ".Movies" hinzufügen, um Filme und eine Klasse mit dem Namen ".News" zu beschriften. Aber ich weiß nicht, was ich als nächstes tun soll.

Hier ist meine aktuellen Code, dass alle Etiketten beeinflusst:

<div class='tl-label-post'><div class='postags'> 
        <b:if cond='data:post.labels'> 
        <b:loop values='data:post.labels' var='label'> 
         <a expr:href='data:label.url' rel='tag'><data:label.name/></a> 
         <b:if cond='data:label.isLast != &quot;true&quot;'/> 
        </b:loop> 
        </b:if> 
       </div> </div></div> 

Danke, Jungs!

Answer 1

Schon dit it!

Halten Sie die Standard-CSS und HTML-Code von Etiketten intakt, und anstatt es zu ändern, tun dies für jedes Label:

a[href^="http://www.YOURSITE.com/search/label/CINEMA"] { 
color: #colorcode !important; 
background: #colorcode !important; 
} 

Sie sehen kann ich das gesamte Etikett Pfad für Kino hinzugefügt haben. In ähnlicher Weise, nehmen Sie den vollständigen Pfad aller Etiketten und fügen Sie verschiedene Farbregeln für jede Etikett

Zum Beispiel, lassen Sie uns sagen, eine weitere Bezeichnung lautet "Fernsehen".

Sie können eine weitere Regel wie folgt hinzu:

a[href^="http://www.YOURSITE.com/search/label/TELEVISION"] { 
color: #colorcode !important; 
background: #colorcode !important; 
} 

Farbe und Hintergrund können Ihrer Wahl sein. Stellen Sie sicher, dass Sie die wichtige Anweisung ! Intakt beibehalten.