アメブロをカスタマイズ　魅せるブログデザインを作ろう！

本書は、日本で一番人気のブログサービス「アメーバブログ」のデザインを自分流にカスタマイズして、自分らしいブログを作り、アメブロユーザーが持つそれぞれの目標を達成してもらうための、初めてのデザインカスタマイズ本です。ブログスキンの編集方法から、スキンの装飾、アクセス解析のコツまでやさしく丁寧に解説しています。

Chapter.01

アメブロカスタマイズのための第一歩

Section01 なぜ、ブログのカスタマイズをするのか？
ブログのカスタマイズはすべての読者へ与える「第一印象」のため
パーソナル・ブランディングをしよう アクセスアップしよう（ファンを作ろう）
アメブロのカスタマイズの流れ
Section02 カスタマイズするためにマイページを確認しよう
マイページの機能をすべて把握しておこう
Section03 カスタマイズの元となるブログスキンの設定をしよう
アメブロのカスタマイズはスキンの選定から
Section04 カスタマイズするために
サイドバーメニューの設定と配置をしよう
ブログ機能を拡張する「サイドバーメニュー」

Chapter.02

ヘッダ画像を作ろう！ Section01 「PictBear」をインストールしよう まずはフリーソフトで画像の加工に慣れていこう Section02 「PictBear」のプラグインをインストールしよう ダウンロードしたPictBearを起動してみよう ドロップシャドウをインストールしよう Section03 ヘッダ画像を作ろう ヘッダに使う素材を用意しよう ヘッダ用画像を指定サイズにしよう 別の画像を貼り付けよう 画像を水平方向に反転 ダウンロードしたドロップシャドウを使用する ヘッダ画像を保存しよう

Chapter.03

ブログスキン編集のための予習 Section01 CSS ってなに？ HTMLが身体、CSSが装飾品と考えよう アメブロの構成要素「スキンとCSS」 CSSの記述方法とルール 編集できるのはCSSだけ id（アイディー） と class（クラス） Section02 アメブロ内部（HTMLとCSS）解説 アメブロの構成要素 Section03 CSS編集方法と手順を学ぼう 本書【付録】のCSSを使用する

Chapter.04

ブログの看板となるヘッダ画像とスキンの装飾をしよう！ Section01 CSSの全体を確認してみよう まずは記述項目の確認から Section02 CSSでヘッダ画像の設定をしよう ブログの第一印象を左右するヘッダ画像 画像内にある不要な文字を排除する Section03 CSSとフリースペースを使って ヘッダにメニューを設置しよう ブログの欠点をカバーするヘッダメニュー ヘッダメニュー名を画像で設定する場合 Section04 CSSでブログ背景を設定しよう 背景の設定方法 Section05 CSSでサイドバーメニューのタイトルを装飾しよう サイド部分の装飾も重要なデザイン的要素 Section06 CSSでサイドバーの一覧にリストマークをつけよう サイドバーの工夫が差を生み出す Section07 CSSでサイドバーの「読者登録」ボタンを変更しよう 読者登録ボタンを目立たせるメリット Section08 CSSで「このブログの読者になる（チェック）」を画像ボタンに変更しよう 読者登録してもらうための工夫 通常時とマウスオーバー時をひとつの画像で設定する場合 マウスオーバーのないひとつの画像で設定する場合 Section09 CSSで記事タイトルと日付、テーマ表示欄の装飾をしよう 記事の始まりを明確にする 日付、テーマ欄のCSSを装飾する 日付、テーマ欄と記事欄の間にスペースを作る Section10 CSSで記事背景や記事枠の装飾をしよう 記事を際立たせて注目してもらうには 記事本文に背景画像を設定しよう 記事本文に背景色を設定しよう 記事タイトルを含め背景色を設定する場合 記事タイトルを含め枠を設定する場合 Section11 CSSで読みやすい文字サイズ、行間の設定をしよう 文字の大きさをCSSで調節する 行間を広げる方法 Section12 CSSでリンク文字の装飾をしよう 本文との違いを明確にする必要がある「リンク文字」 Section13 CSSでメッセージボードの装飾をしよう メッセージボードの特徴と利用法

Chapter.05

プラグインでブログをパワーアップしよう！ Section01 プラグインの設置方法を学ぼう プラグインとは 「プラグインリスト」と「フリープラグイン」の違い プラグインリストを使ってみよう フリープラグインを使ってみよう Section02 Twitterのつぶやきを設置しよう Twitterとは Twitterに登録しよう Twitterのプラグインを探そう Twitterのソースを取得しよう Twitterのソースをブログに設置しよう Section03 まぐまぐ（メルマガ）フォームを設置しよう まぐまぐ（メルマガ）とは まぐまぐに登録しよう まぐまぐの登録用フォームを取得しよう 発行許可から登録フォームの取得まで まぐまぐの登録フォームをブログに設置しよう Section04 Googleマップを設置しよう Googleマップとは Googleマップのプラグインを取得しよう Googleマップをブログに設置しよう Section05 FC2のプラグインを取得しよう FC2とは FC2のIDを取得しよう FC2アクセス解析のプラグインを取得しよう FC2アクセス解析をブログに設置しよう Section06 忍者TOOLSのプラグインを設置しよう 忍者TOOLSとは 忍者TOOLSに登録しよう 忍者メールフォームのプラグインを取得しよう 忍者メールフォームをブログに設置しよう Section07 ACR WEBの人気記事ランキングを設置しよう ACR WEBとは？ ACR WEBに登録しよう ACR WEBのページランキングを設置しよう ACR WEBのページランキングをブログに設置しよう ページランキング設置後の管理 Section08 i2iアクセスランキングを設置しよう i2iアクセスランキングとは i2iに登録しよう i2iアクセスランキングのプラグインを取得しよう i2iアクセスランキングを設置しよう i2iランキング設置後の管理 Section09 「人気ブログランキング」を設置しよう ブログランキングとは 人気ブログランキングに登録しよう 人気ブログランキングのリンクバナーを取得しよう 人気ブログランキングのリンクバナーを設置しよう 人気ブログランキング登録のメリットを活用しよう いろいろなブログランキングサイトに登録してみよう Section10 プラグインサイトの紹介 プラグインサイトの紹介 Section11 個性的なプラグイン紹介 使用者が少ない、個性的なブログパーツを手に入れよう

Chapter.06

読者がリピーターになり、 アクセスアップする設定をしよう！ Section01 読者目線のアメブロを作ろう アメブロの運営目的を明確にする 目的を達成するためには誰に読んでほしいのか？ Yahoo!、Googleから集客できる記事とは？ 読者が喜ぶ記事とは？ 読者とコミュニケーションをとる！ リピーターになってもらえるアメブロとは？ 記事タイトルは２つのパターンを使ってアクセスを増やす！ Section02 Yahoo!、Googleからアクセスを集めるには PDCAを実行！ アクセスは最終的な目的ではない 集客できる人はPDCAサイクルを何度も回している！ Plan：記事タイトルを決める Do：紹介される記事を書く！ Check：アメブロアクセス解析をチェック！ Act：検索サービスで上位表示を狙う検索語を練り直す！ Section03 読者を迷わせない工夫をしよう！ UUとPVの違い クリックさせる場所は明確に！ パンくずリストを作ろう 読者にわかりやすいように目次を作ろう 読者の参考となるような記事を関連記事リンクしよう Section04 もっとアクセスアップ！これがSEO対策 アメブロの本格的なSEO対策とは Yahoo!、Googleは文字しか読めない たくさんのリンクをもらおう！ 被リンクが増える記事とは？ 自作自演でリンクをつけるのも有効 Section05 狙った検索語でアメブロを上位表示させるSEO対策とは SEO対策は技術より根気が大切 時間を割いておこなう価値があるSEO対策 いろいろな無料サービスに登録しよう あらゆるネットサービスからリンクを貼る アメブロに無料でリンクを送るいろいろな方法 リンクの貼り方のコツ １つ記事やページで狙う検索語は１つ

Chapter.07

アメブロカスタマイズの成功事例 カラーのチカラで自分をもっと好きになる モテない色って？3時間で上品モテ！30歳からの「なりたい！」を叶えます。 桜井もえの人生が変わる美色ファッションスタイリング 35歳までに天職を探す「転職」の教科書 32歳からの言いたいことがシンプルに伝わる”ビジネス会話術”「伝える」から「伝わる」へ 出版の方法を知って、ベストセラー出版を目指そう！ 食べられるスキンケアでアトピーも肌老化も卒業！ 成長するまつげ！1か月で目力アップ「ラティース」 どんな悩みも解決可能！もう大丈夫。ひとりで悩まないで。 占い師まゆらがあなたの孤独な心を癒します。 伸びる会社には理由がある！「本気で仕事を楽しむ会社にする方法」 活性化コンサルタントの流儀 好きなことで起業（ビジネス）ってできるの？はい、簡単です。あなたにも出来ますよ！ 就業規則・助成金コンサルタント定政晃弘の「異業種7社で学んだ労務管理のツボ」 1万円で買えるパチンコ・パチスロ！快適に自宅で遊べる「家パチ」購入＆改造情報 鉄ビズ リサのLOVEハワイ 東京発ナチュラル生活日記 まゆげいぬ Hanako Garden 北海道のすずらんを全国に！ ロジウラ〜 Rojiura 〜東京・木場のフレンチダイニング

Appendix　付録

Section01 Webセーフカラーのカラーチャート OSやブラウザなどの環境に左右されないWebセーフカラー Section02 ブログカスタマイズ便利ツール ツールを使いこなせば作業効率は格段に上がる Section03 ブログカスタマイズ便利サイト カスタマイズの考え方を広げよう Section04 CSSダウンロード アメブロ専用サンプルCSSのダウンロード ダウンロードしたCSSファイルをアメブロに設置 ダウンロードしたfreespaceファイルの使い方