はてなブログのサイドバーの幅を広くする方法はありますか?

機械音痴の私にもわかるように教えてくれると嬉しいです。

回答の条件
  • 1人5回まで
  • 登録:2012/06/01 11:14:29
  • 終了:2012/06/08 11:15:08

ベストアンサー

id:papa-tomo No.1

パパトモ回答回数362ベストアンサー獲得回数1072012/06/01 11:42:44

まずログインした状態で↓このページにアクセスします。

http://d.hatena.ne.jp/vocaloid-18/designdetail

そのページにあるスタイルシートという入力欄に次のように入力(コピペ)します。

.hatena-body {
max-width: 910px;
}
.sidebar {
width: 220px;
margin-left: -222px;
}


このコードのwidth: 220px;と書かれている数字がサイドバーの幅です。これを調整すれば、サイドバーの幅を変えられます。

デザインを確認するには、編集ページの下の方にある「プレビュー」を押します。すると確認用のページが表示されます。デザインが問題なければ確認用ページか編集ページの下の「この内容に変更する」ボタンを押せば保存されて変更されます。

ですが!

それだけでは上手くできません。

なぜなら、全体の幅やサイドバーの左右の位置を調整しなければならないからです。

前述のコードの数字部分を色々と試してデザインしてみてください。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません