How To Modify Label Widget In Blogger

The visitor who visit my blog will realize the widget named Categories placed at the right sidebar of the blog. Actually it is the default widget provided by blogger. 

 

Maybe some of you ever questioned yourself how this blog owner’s changed the font type of this widget. In this posting, I will show you how I made it.


The Procedures

1. Login to your blogger account.
   
   
   
   
2. Click Design –-> click Edit HTML –-> now you will see the interface below
   
   
   
   
3. Click Expand Widget Templates –-> press to launch the Find: toolbar at the top side of your blogger dashboard. 
   
   
   
   
4. Based on the picture above, type your own widget name (in my case is categories) in the Find: text box –-> click Next –-> you will be redirected to the widget source code like below.
   
   
   
   
5. Scroll down a little bit and you will see the <div> tag contains the word widget-content. Please refer the blue arrow in the picture above.
   
   
6. Put the CSS id inside the <div> tag and named it with the suitable name. I named it as id=“ContentCategories”
   
   
   
   
7. Again, in the Find: text box, type ]]></b:skin> –-> click Next –-> you will be redirected to the tag you had typed 
   
   
   
   
8. Copy & paste the CSS code below at the top of the ]]></b:skin> –-> click SAVE TEMPLATE –-> click View Blog to see the result 
   
   #ContentCategories { font-family:chiller; font-size:14px; text-transform:uppercase; }
   
   Note: 
   You are free to determine your own font-family, font-size and text-transform. To choose the font-family, you can use the MS Word program. Take note the font name you choose and put it after the font-family:
   
   

Disclaimer

Please be informed that the procedures above is wrote based on my blog template. I should not be responsible for any harm on your blog design during following it. Please make a backup copy of your blog template before following the above procedures