<style>
.date-outer {
    position: relative;
    margin: 30px 0px 20px;
    padding: 0px 15px;
    background-color: transparent;
    border: 1px solid rgb(152, 200, 209);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 0px 0px;
}
.main-inner .widget {
    background-color: transparent;
    border: 1px solid rgb(152, 200, 209);
    padding: 0px 15px 15px;
    margin: 20px -16px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 0px 0px;
}
</style>

list-style:none;
margin:0 0 0;
padding:0 0 0;
}

4.  Once found, copy and replace the above bit of code with the below:

.sidebar .widget {

background:#E8E8E8;

margin:1.5em 0 1.5em;

padding:8px 8px 8px;

border:1px solid #EB296C;

border-bottom:1px solid #EB296C;

border-width: 1px 1px 1px;

border-bottom:1px line #EB296C;

border-bottom: 1px solid #EB296C;

  padding-bottom: 1px;
  margin: 10px 0;
-moz-border-radius-topright: 1em;
-moz-border-radius-topleft: 1em;
border-top-right-radius: 1em;
border-top-left-radius: 1em;
-moz-border-radius-bottomright: 1em;
-moz-border-radius-bottomleft: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
-webkit-border-top-right-radius: 1em;
-webkit-border-top-left-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
-goog-ms-border-top-right-radius: 1em;
-goog-ms-border-top-left-radius: 1em;
-goog-ms-border-bottom-right-radius: 1em;
-goog-ms-border-bottom-left-radius: 1em;
}

5.  Now you are free to customize your border.  Replace the hex colors in the first bit of code with the color numbers of your choice.  Customize the curve of your corners by adjusting the “1em” to the number desired (2em=a larger curve, 0em=no round corners). For more customizing help, check out other tips on CoolBuster.

6.  Select “save template” and close to view.   

ဒါကေတာ့ ပိုစ့္ကိုေဘာင္ခတ္တာပါ။

Tip 2:  Creating Post Border

To create a border around your posts, you will follow a similar pattern as when creating a border around your sidebar items.

1.  Go to Template on your Design menu and select “Backup/Restore.”  Select “Download Full Template.”  This will ensure that in case you make a mistake you can always select this download to return to your current template.  Once the template is downloaded close the Backup/Restore window.

2.  Now select “Edit HTML.”  Click “Proceed.” 

3.  Scroll down or use the find window (ctrl+F) to find one of the following codes:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

or

h3.post-title {

  margin-top: 20px;

}

4.  Once found, copy and replace the above bit of code with the below:

.post {
background: #E8E8E8;
margin:.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid #EB296C;
border-bottom:1px solid #EB296C;
border-width:1px 1px 1px;
 padding-bottom: 1px;
  margin: 10px 0;
-moz-border-radius-topright: 1em;
-moz-border-radius-topleft: 1em;
border-top-right-radius: 1em;
border-top-left-radius: 1em;
-moz-border-radius-bottomright: 1em;
-moz-border-radius-bottomleft: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
-webkit-border-top-right-radius: 1em;
-webkit-border-top-left-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
-goog-ms-border-top-right-radius: 1em;
-goog-ms-border-top-left-radius: 1em;
-goog-ms-border-bottom-right-radius: 1em;
-goog-ms-border-bottom-left-radius: 1em;
}

5.  Now you are free to customize your border.  Replace the hex colors in the first bit of code with the color numbers of your choice.  Customize the curve of your corners by adjusting the “1em” to the number desired (2em=a larger curve, 0em=no round corners). For more customizing help, check out other tips on CoolBuster.

6.  Select “save template” and close to view.