Tag or label is also called a blog category in addition is very important benefits for the grouping in terms of SEO post was also no benefit. With the existence of these labels will facilitate visitors in finding the required information.
In terms of the original appearance of Blogger, the display label is actually spelled out would be good enough but if we are not happy we can display proficiency level in these modifications in accordance with our desire, To make it not so difficult even for a beginner though because only a copy and paste it hahaha. Label Cloud stage in the modification as follows:
1. Login to Blogger.com.
2. Select Layout = Edit HTML.
3. First backup your template by downloading the template.
4. Then find the code below:
5. Then place the code below directly above
Description: writings "Color" on code that represents the color of each please replace the text of the label according to desire.
To see examples of the adoption of this code so please click here and see at the bottom right hand.
Good luck!
If you want to read this article in the Indonesian language, please click
In terms of the original appearance of Blogger, the display label is actually spelled out would be good enough but if we are not happy we can display proficiency level in these modifications in accordance with our desire, To make it not so difficult even for a beginner though because only a copy and paste it hahaha. Label Cloud stage in the modification as follows:
1. Login to Blogger.com.
2. Select Layout = Edit HTML.
3. First backup your template by downloading the template.
4. Then find the code below:
]]></b:skin>
5. Then place the code below directly above
/*--- Labels Cloud Color --- */
.label-size-1 a {
font-size: 12px;
text-decoration: none;
color:#66B5FF;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#cc0000;
}
.label-size-3 a {
font-size: 15px;
font-family: Arial, Tahoma, Verdana;
text-decoration: none;
color:#38B63C;
}
.label-size-4 a {
font-size: 18px;
font-weight:bold;
text-decoration: none;
color:#ff7c66;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
color:#ffcc66;
}
.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:underline;
}
Done, save the template changes buddies and see the results..label-size-1 a {
font-size: 12px;
text-decoration: none;
color:#66B5FF;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#cc0000;
}
.label-size-3 a {
font-size: 15px;
font-family: Arial, Tahoma, Verdana;
text-decoration: none;
color:#38B63C;
}
.label-size-4 a {
font-size: 18px;
font-weight:bold;
text-decoration: none;
color:#ff7c66;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
color:#ffcc66;
}
.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:underline;
}
Description: writings "Color" on code that represents the color of each please replace the text of the label according to desire.
To see examples of the adoption of this code so please click here and see at the bottom right hand.
Good luck!
If you want to read this article in the Indonesian language, please click