HOW TO ADD BORDER AT THE BOTTOM OF WIDGETS

My last post was on how to add animated flash widget on your blog. Today, I want to show you simple trick on how to add border at the bottom of widgets with simple css code.
The importance of this code is to make your blog design look beautiful and attractive. So if you want to add the code below the widgets, follow these procedures:
1. Log in to your blogger account
2. Go to Template --> Edit HTML
3. Check in the "Expand Widget Templates" box
4. Find code(CTRL+F) like this (in some templates maybe not same)

.sidebar ul li

5. Copy the code below, and add under the code above

border-bottom:1px dotted #000000;

6. Then click SAVE TEMPLATE

NOTE: you can change the code #000000 which represent the border color to your any color that suits your blog.