How to Make a Cool Label Widget on a Blog

How to Make Cool Label Widgets on Blogs - In the previous article, we discussed how to make popular posts on blogs so that your blog looks more attractive. Besides changing the appearance of popular posts, you can also change the label widget to enhance the appearance of your blog. Many blog owners who create cool blog label widgets by changing blogger default label widgets become unique models and styles.

For those of you who want to change the appearance of widget labels to be more interesting and cool, here are the steps you must do:
1. Login to your blog.
2. Make sure your blog has a Label Widget installed, configure it as follows:

3. Next on the blog menu, click "Template".
4. Click "Edit HTML".
5. Click "Format template".
6. Search for Code]]> </ b: skin>
7. Copy one of the codes below, then paste it right above the code]]> </ b: skin>

/* Widget Label Keren*/ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#076BB8; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

/* Widget Label Keren */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { border-radius:30px; background:#076BB8; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { border-radius:30px; background:#333333; } .label-count { white-space:nowrap; border-radius:30px; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

- background: # 076BB8, is the color backgroud label name
- background: # 333333, is the background color of the number of article labels

8. Save the template, and see the results.
That's how to make a cool label widget on a blog that you can do. With the appearance of a label widget that looks unique, the appearance of your blog will also look more attractive. May be useful.