Ετικέτες βάσει χρώματος

• Σύνδεση στον Blogger
• Σχεδίαση /Επεξεργασία HTML
• Βρίσκουμε την ]]></b:skin>
• Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

/* --- COLORS --- */
#black {background-color:#000000}
#blue {background-color:blue}
#brown {background-color:brown}
#gray {background-color:gray}
#green {background-color:green}
#orange {background-color:orange}
#pink {background-color:pink}
#red {background-color:red}
#violet {background-color:violet}
#yellow {background-color:yellow}
#white {background-color:#fff}
#black:hover {background-color:black;}
#blue:hover {background-color:blue;}
#brown:hover {background-color:brown;}
#gray:hover {background-color:gray;}
#green:hover {background-color:green;}
#orange:hover {background-color:orange; }
#pink:hover {background-color:pink; }
#red:hover {background-color:red;}
#violet:hover {background-color:violet;}
#yellow:hover {background-color:yellow;}
#colors a {float:left; width:31px; height:10px; -moz-border-radius:3px; -webkit-border-radius:3px; -goog-ms-border-radius:3px; border-radius:3px; -khtml-border-radius: 3px; border:1px solid #999; display:block; text-indent:-9999px; margin:2px 10px 5px 0}
#colors a:hover {
border-color:#333333;
opacity:1;
}
.status-msg-border {border:0 solid #000000;}
.status-msg-body {padding:8px 0;}
.status-msg-wrap {width:80%;}
.status-msg-bg {
background-color: #CCCCCC;
border: 2px solid #333333;
border-radius: 5px;
height:30px;
opacity: 0.8;
position: relative;
width: 100%;
z-index: 1;
}
#HTML5 {margin:-6px 0 5px 14px;}

• Αποθήκευση προτύπου.
• Πηγαίνετε τώρα στα "Στοιχεία Σελίδας"
• Επιλέξτε προσθήκη gadget / HTML/JavaScript κάτω από τον Header
• Επικολλήστε τον παρακάτω κώδικα:

<div class='widget-content'> 
<div style="font-size:12px; color:#444444; float:left; font-weight:bold; padding-right:10px; padding-left:5px">Labels by Colors:</div> 
<ul id="colors"> 
<li>
<a id="black" href="#" title="Black">Black</a> 
</li>
<li> 
<a id="blue" href="#" title="Blue">Blue</a> 
</li>
<li> 
<a id="brown" href="#" title="Brown">Brown</a> 
</li>
<li>
<a id="gray" href="#" title="Gray">Gray</a> 
</li>
<li>
<a id="green" href="#" title="Green">Green</a> 
</li>
<li> 
<a id="orange" href="#" title="Orange">Orange</a> 
</li>
<li>
<a id="pink" href="#" title="Pink">Pink</a> 
</li>
<li> 
<a id="red" href="#" title="Red">Red</a> 
</li>
<li> 
<a id="violet" href="#" title="Violet">Violet</a> 
</li>
<li>
<a id="white" href="#" title="White">White</a> 
</li>
<li> 
<a id="yellow" href="#" title="Yellow">Yellow</a> 
</li></ul> 
</div>

• Αντικαταστήστε την δίεση με τα URLs των ετικετών για το αντίστοιχο χρώμα με τα δικά σας και πατήστε αποθήκευση.