読者です 読者をやめる 読者になる 読者になる

ニペブ - iPhone / iOSアプリ開発

iPhone / iOS アプリ開発方法と技術情報、入門レベルの初心者向けの記事を書いています。

(はてなブログ/はてなダイアリー) サイドバーを右側から左側にする方法

完成イメージ

はてなブログの右側にあったサイドバーが。。。
f:id:nipe880324:20131229180447p:plain

左側に!
f:id:nipe880324:20131229180630p:plain

設定方法

1. はてなブログの管理画面から「デザイン」=>「カスタマイズ」=>「デザインCSS」をクリックし、CSSが記載出来るフレームを表示させる。
2. 下記のCSSコードを追加し、「変更を保存する」ボタンを押す。

使用しているデザインが異なると下のソースコードで上手く変更出来ない可能性もあるのであしからず。

/* sidebar changes right side to left side. */
#blog-title, #wrapper {
    float: right;
}

#box2 {
  border-right: 1px solid #ddd;
}

/* <system section="theme" selected="bordeaux"> */
@import "/css/theme/bordeaux/bordeaux.css";
/* </system> */

#content {
  color: #3d3d3d;
  margin: 0 auto;
  background: #fff;
}