ご質問ありがとうございます。
手順1と2はあっていますが、3が違っているようです。
インデックスをタイル状に並べるには「インデックスページ」「履歴ページ」の「ページテンプレート」を書き換える必要があります。
例)太字が書き加えた文字列
<!--index-->
<!--subindex-->
<!--title--><!--head--><h1><!--/head--><!--foot--></h1><!--/foot--><!--/title-->
<div class="liquid grid section">
また、メインカラムとサイドカラムを「メイン | サイド」の順に並べるには、ページレイアウト設定の「<body> class」に「ordinary」と設定します。
以上参考になりましたら幸いですm(_ _)m。