カメリアの記事

意味があることやないことを綴ります

はてなブログのカラムを増やす

はてなブログのカラムを増やす方法です。まずは 3 カラムにしてみましょう。

操作画面の左にある「デザイン」のメニューから「スパナアイコン」のタブを選択し「サイドバー」に「モジュールの追加」から「 HTML 」を選択します。タイトルは空にして置いて下のような HTML を追加します。これでカラムが一つ増えました。右側に表示されます。

</div>
</div>
</div>
</aside>
<aside>
<div>
<div>
<div>

この下にモジュールを追加するなり広告を入れるなりすることができます。下のようにして本来のサイドバーとの距離を調節するといいでしょう。

</div>
</div>
</div>
</aside>
<aside style="margin-left: 30px;">
<div>
<div>
<div>

左側にモジュールを追加するなら下のようにします。

</div>
</div>
</div>
</aside>
<aside style="order: -1;">
<div>
<div>
<div>

同じ要領でカラムを増やしていくことができます。増やしすぎると表示要素が広くなって問題かもしれませんが。