ブログの日付を日本式に整える

なんてことない Jimboの裏ワザを紹介しているサイトのテクニックを当サイトにも適用したので覚書!w

 

 

ブログの日付を日本式に整える

 

ヘッダー部のCSSを下記に記載

<style type="text/css">
.datetime {zoom: 1;height: 100% !important;padding: 0 !important;margin: 10px 0 0 0 !important;background: none !important;}.datetime:after {content: "";clear: both;display: block;}.datetime-inner {float: left;height: 100% !important;padding: 8px !important;margin: 0 !important;border-radius: 5px;font-size: smaller !important; font-weight: normal !important; }.datetime-inner p {margin: 0 !important;padding: 0 !important;text-shadow: none !important;line-height: 1em !important;}.day-word,.day,.mon { float: left;text-align: center;}.day-word:before { content: "("; }.day-word:after { content: ")"; }.yr { float: left; }.blogselection h2 {margin: 10px 0 5px !important;padding: 0 0 10px !important;background: none !important;border-top: none !important;border-right: none !important;border-bottom: 1px dashed #aaaaaa !important;border-left: none !important;font-weight: normal !important;}.blogselection h1 a {text-decoration: underline !important;}.blogselection h1 a:hover {font-weight: bold !important;}.cc-page-blog .post  {margin: 0 0 5px !important;padding: 0 0 5px !important;border-bottom: 1px dashed #aaaaaa !important; }.cc-page-blog h1 {margin: 10px 0 5px !important;padding: 0 0 10px !important;background: none !important;border-top: none !important;border-right: none !important;border-left: none !important;font-weight: normal !important;border-bottom: 1px solid #999999 !important;}.cc-page-blog h1 a {text-decoration: none !important;}.cc-page-blog .postmeta {font-size: smaller !important; color: #999999; }
.datetime-inner {
        background: #555555;
}
.datetime-inner p {
        color: #ffffff !important; 
}
</style>