Bloggerの画面下に表示される点線を削除する

BloggerのSimpleテンプレートは､画面下のフッターの部分に､その領域を示す点線が表示されています｡今回は､これを削除する方法を紹介します｡
photo credit: Jorge Quinteros

Bloggerの画面下に表示される点線を削除する

Bloggerの画面下に表示される点線を削除するには､テンプレート > HTMLの編集 と進み､ .footer-outer という箇所を見つけて以下のように編集します｡

.footer-outer {
  border-top: none;
}

<!--###".footer-outer"のバックアップ
.footer-outer {
  border-top: $(footer.bevel) dashed #bbbbbb;
}
-->

次に､線が何もないのは寂しい気もするので､コンテンツ部分に下線を表示してみます｡以下の部分を編集してください｡

.main-inner {
  padding-top: $(main.padding.top);
  padding-bottom: $(main.padding.bottom);
<!--コンテンツに枠線を表示する-->
border-bottom-style:solid;  
border-bottom-width:2px;  
border-bottom-color:#F2F2F2;  
}