アメンバー限定公開のページをカスタマイズする

アメンバー限定公開のページをカスタマイズする

あんまり使わないかもですが備忘録。
アメンバー限定公開用のページがあんまりあっさりしてたのでカスタマイズの方法探してみました。

結論から言うと、アメンバー限定公開のページをカスタマイズするには
毎回エントリーを書く際に、エントリーを書くとこに@importタグを追加しないといけないみたい。

※アメンバー限定公開をせず、常に全体公開するなら必要ないカスタマイズです。

設定例）
※CSS編集用デザインを使用
※全体公開用は3カラムのレイアウトを使用（全体幅980px）
※アメンバー限定公開ページは2カラムのレイアウト

【アメンバー限定公開用CSS】

#mainIndex{
	background:url("任意のURL") 0 0 repeat-x;
}

/* [1]header
+++++++++++++++++++++++++++++++++++++++++++++++ */

/* ニックネーム ルーム｜ブログのテキストを消す */
#mainIndex #overHeader #userNaviArea{
	display:none;
}

/* ヘッダー画像を指定 */
#mainIndex #overHeader{
	margin-bottom:30px;
	width:980px;
	height:350px;
	background:url("任意のURL") 0 0 no-repeat;
}

#overHeader h2{
	width:980px;
	padding:0px;
}
#overHeader h2 a{
	display:block;
	width:980px;
	height:350px;
}

/* ヘッダー画像をクリックしたらindexに飛ぶように。ブログ名を消す */
#overHeader h2 a{
	text-indent:-9999px;
}

/* [2]contents
+++++++++++++++++++++++++++++++++++++++++++++++ */

/* ヘッダー画像下のコンテンツの幅 */
#frame{
	width:830px;
	margin:0 auto;
}

/* サイドバー用の設定 */
h4.menu_title{
	text-indent:-9999px;
	height:40px; /* サイドバーのタイトルに画像を指定した場合の画像縦幅 */
}

/* サイドバー用の設定 */
#frame #profile{
	width:180px;
	margin-bottom:5px;
}

/* プロフィールのタイトルを画像に変更 */
#frame #profile h4.menu_title{
	background:url("任意のURL") 0 0 no-repeat;
}
#frame #profile ul li.image{
	text-align:center;
	margin-bottom:10px;
}
/* アメンバー限定公開用のプロフィール画像は150pxらしい。プロフィール画像に枠線をつける */
#mainIndex #frame #profile ul li.image img{
	border:1px solid #CCC;
}

/* エントリーのタイトルをカスタマイズ */
#frame #main .entry h3.title{
	background:url("任意のURL") 0 bottom repeat-x;
	padding:8px 10px 12px 10px;;
}

1）上記を参考にCSSを作成し、任意のサーバーにアップする。

【エントリーを入力するエディタ】
1）「ブログを書く」のエディタ→「HTMLタグを表示」で下記を入力する。
（場所はどこでもOK。最初でも最後でも。）

<style>@import url("任意のURL/○○.css");</style>

アメブロ管理画面