Colorful Label Cloud - Ash Princess Kawaii
Breaking News
Loading...
08 April 2014

Colorful Label Cloud

tutorial freebies

Colorful Label Cloud is a link label colors in the size of the link. Link size adjusted to the number of posts. Then each label different number of posts, the color will be different too. 
This afternoon i will to share, how to create a colorful label cloud.

The first step, open your template and place the following code above the code  ]]></b:skin>

.label-size-1 a {
font-size: 13px;
text-decoration: none;
color:#B3FA9D;
}
.label-size-2 a {
font-size: 15px;
text-decoration: none;
color:#F79DFA;
}
.label-size-3 a {
font-size: 16px;font-family:verdana;text-decoration: none;
color:#FAD29D;
}
.label-size-4 a {
font-size: 18px;
text-decoration: none;
color:#9DFAE9;
}
.label-size-5 a {
font-size: 23px;
text-decoration: none;
color:#ECFA9D;
}
.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration:none;}

Save template and you are done.

Change the color according to your wishes.
If the css code above does not work, try to check your css code labels. If the existing CSS code labels, erase and replace it with my code labels. May be useful!

0 Comments:

Posting Komentar