ヘッダーを記事・サイドバーの下に移動する

★　ヘッダーを記事・サイドバーの下に移動する。

●　ヘッダーは上にありますが、一番下に移動します。
　　コンテンツ全体(.skinContentsArea)の下に移動します。
　　最初はヘッダーを表示せず、スクリプトで表示します。


①　ＣＳＳへ下記を追記する

.skinHeaderArea{
display:none;/* ヘッダーを表示しない。表示はスクリプトで行う */
}

②　必要に応じて、コンテンツ上の余白を調整する。

.skinContentsArea{/* コンテンツ全体 */
margin-top:50px;/* 上の余白 */
}

③　下記をフリープラグインへ追記する

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
$(".skinHeaderArea").appendTo(".skinContentsArea").css("cssText","display:block !important");
});
</script>

◆　説明

・　下記はフリープラグインの先頭に１つあればＯＫです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


・　処理内容

①　ＣＳＳでヘッダーを非表示にしておく。
②　ヘッダーをコンテンツ全体の下に移動し、スクリプトでＣＳＳを発行して
　　ヘッダーを表示させる。