◆無料動画講座特典◆ アメブロ集客ノウハウ『アメブロ設計術』 COOL OPENING .LAB Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 1 アメブロのカスタマイズの⼿順アメブロにログインして、マイページ（下図）を開きます。プロフィール設定をする場合は、マイページの左上①をクリック。 ① ② マイページを開いたら、上部にある②「アメブロ」をクリック。「アメブロ」をクリックすると、管理トップ画⾯になります。 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 2 管理トップ画⾯で、③「設定・管理」をクリックすると下図が開きます。 ③ ⑤ ④ ⑥ ⑦ 『実践できる! アメブロ集客攻略講座』の該当ページ p.16〜17（第 4 章）･･･④「サイドバー」のカスタマイズ p.18（第 4 章）･･･⑤「メッセージボード」のカスタマイズ p.18〜19（第 4 章）･･･⑥「PING 送信先」の設定 p.19（第 4 章）p.31〜33（第 7 章）･･･⑦「読者登録・コメント」の設定 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 3 ④サイドバーのカスタマイズ下図でサイドバーの左右の配置を決め、保存してください。 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 4 ⑤メッセージボードのカスタマイズここに⼊⼒する。メッセージボードに画像を表⽰する場合を例として挙げました。ヘッダー画像メッセージボードの表⽰サイドバーを左右に位置している Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 5 ⑥「PING 送信先」の設定別紙参考資料「PING 送信先⼀覧」をコピーしてください。最⼤ 20 件登録可能です。 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 6 ⑦「読者登録・コメント」の設定 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 7 『実践できる! アメブロ集客攻略講座』の該当ページ p.17〜18（第 4 章）･･･⑧「本⽂の⽂字」のカスタマイズ左にあるメニューから「デザインの変更」をクリック元になるブログレイアウトの選び⽅を念のため記載しておきます。デザインの変更画⾯の下部にある⼀覧から「カスタム可能」をクリック Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 8 （話を戻して）ブログデザインの CSS の編集をおこないます。デザインの変更画⾯でクリックブログデザインの CSS の編集画⾯で編集ページの最下部に CSS コードを追記します。編集するのは、以下の 3 点です。 1 フォントをメイリオに変更する（変更しない場合は追記しない） 2 記事本⽂の⽂字を 16px に変更する（⾏間の変更も⾏う） 3 記事本⽂とメッセージボードのリンク⽂字を⻘⾊・太字・下線ありに変更する Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 9 「ブログデザインの CSS の編集」画⾯⾚線枠内のスペースに CSS コードを追記します。 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 10 1 フォントをメイリオに変更する（変更しない場合は追記しない） /* フォントの指定 */ body,input,button,select,textarea{ font-family:"メイリオ"; } 2 記事本⽂の⽂字を 16px に変更する（⾏間の変更も⾏う）初期設定では 12px になっています。14px への変更は「117％」、16px への変更は「134％」とし、追記します。合わせて、⾏間も広くするために「180％」と記載します。 /* フォントのサイズ指定と⾏間指定 */ .article Text{ font-size:134%; line-height:180%; } Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 11 3 記事本⽂とメッセージボードのリンク⽂字を⻘⾊・太字・下線ありに変更する /* 記事、メッセージボードのリンク⽂字 */ .article Text a,div.skinMessageBoard a{ font-weight:bold; color:#1111cc; text-decoration:underline; } CSS コードの追記が終わったら、表⽰を確認して、問題なければ保存で完了。 Copyright © クールオープニング.ラボ ,All Rights Reserved. p. 12