Blogger ３列レイアウト（3カラム）１回目

以前にも書いたんですが、なかなか気に入ったテンプレートが見つからないので
自分で作ってみました
もともとはブログの新規作成のときに選べる物の中から左側にサイドバーがあるものを使っていて、サイドバーが１本でも不自由は無いんですが、興味本位の自己満足だけです

　*専門知識がある訳じゃなく調べながら手探りでやったので
　　　残念ですが質問にはお答えできません　　ごめんなさい
　*編集作業に入る前に現在使用しているテンプレートをバックアップしておきましょう

　　今回使用したテンプレートは「新しいテンプレートを選択」の中から両端がウインドウの幅になる「Minima Lefty Stretch」です

１）まずはダッシュボード画面から

　＞　レイアウト　＞　HTMLの編集　

　の画面にあるHTMLの中から


#sidebar-wrapper {
　margin-$startSide: 2%;
　width: 25%;
　float: $startSide;
　display: inline; /* fix for doubling margin in IE */
　word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
　overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
　}

　を探し出し（割と前の方で先頭に#が並んでる所にあります）

　その下に

#right-sidebar-wrapper {
　margin-$endSide: 2%;
　width: 25%;
　float: $endSide;
　display: inline; /* fix for doubling margin in IE */
　word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
　overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
　}


　を書き足します（バーの名前を「right-sidebar」にしました）

　書き足す方にある「**%」の数値は、おそらくなんですが　開いているウインドウに対して

　　2% 画面右端（endSide）の余白の割合

　　25% 今回付け足す右サイドバーの幅の割合

　だと思います（間違えてたらごめんなさい）

2）投稿文を載せるメインの幅を決めておきます

　　今書き込んだ所の少し上にある


　　#main-wrapper {
　　　 margin-$endSide: 2%;
　　　 width: 67%;

　の中の「67」を「42」に書き換えます　（数値に関して追記あり）

まだ終わりません　第２回に続きます

• Blogger　３列レイアウト　２回目
  

• Blogger　３列レイアウト　３回目
  

• 参考サイト

　　　　Blogger Beta Tips: 二つ目のサイドバーを追加する