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!
author : Erna Ayuning Nareswari ~ http://ashprincesskawaii.blogspot.co.id
article Colorful Label Cloud posted by Erna Ayuning Nareswari. Thank you for your visit and your willingness to read this article. If you want to copy paste this article , please specify link Colorful Label Cloud as the source.
LEAVE COMMENT AFTER VISIT MY PAGE