Seesaaブログのランディングページ作成方法 : PPCアフィリエイトで初心者が稼ぐ戦略

Seesaaブログのランディングページ作成方法

こんにちは、マルチです。

ブログのトップページで紹介している無料レポート,

【SeesaaブログでPPCアフィリエイトのランディングページを作るときの３つの落とし穴】

はもう読んで頂けたでしょうか？

（まだという方は、是非一度目を通していただけると幸いです。＾＾）


このレポートでは、無料ブログの「Seesaaブログ」を使ってPPCアフィリエイトの１枚サイトを作る際の重要なポイントだけをお伝えしておりますが、

今回はもう少し細かい部分も解説したい思います。

是非一緒にランディングページを完成させてみましょう。


まず、レポートの通りに設定すると、

↓このようなページが出来るはずです。


（※画像はクリックすると高画質拡大）

ここからさらに、日付や「posted by..」などの不要なものを削除していきます。


ブログ編集画面から、デザイン→コンテンツ→記事→コンテンツHTML編集とクリックすると、


（赤丸の部分を引っ張ると窓が拡大。）

この画面で記事部分のHTML編集ができますので、いらない箇所を削除します。

削除するのは↓の反転の部分です。（画像はクリックで拡大します。）










できたら「保存」をクリックしてください。

すると、↓こうなります。




かなりスッキリしました。

が、まだランディングページという感じではありませんね。


ここからは、デザイン（スタイルシート）を編集していきます。

※デザインの編集方法はテーマ毎に若干異なりますので、今回は一例をご紹介致します。

（CSSの知識がある方は、読み飛ばして頂いてかまいません。）


まずブログ編集画面から、デザイン→デザイン一覧

に行き、適用中のテーマのタイトルをクリックすると、スタイルシートの編集ができますので、以下のように編集します。


①「h3 { }」　の中から、「background-image:url」の一行を削除。


（反転の部分を削除します。）

②「#content { }」の中の「width:550px;」を「width:780px;」に変更。

③「.blog { }」の中の「text-align:left;」を「text-align:center;」に変更。

④「.blogbody { }」の中の「background-image:url」の一行を削除。

すると、↓こうなります。




ランディングページらしくなりました。

後は文字の大きさや色などをお好みで変えていきます。


記事のタイトルは「h3 { }」の中を、

記事は「.text { }」の中を変更します。


文字の大きさを変えたい時は、
font-size:〇〇px;　　 （〇〇は数字）

文字色を変えたい時は、
color:#●●;　　　　（●●はcolor属性。黒は#000000）

を変更・入力します。

※詳細は「スタイルシート　文字色」などで検索してください。


例えば↓このような感じになります。




これなら文句なしですね。

後は、運営者情報を書いた記事を作成して、その記事ページへのリンクを「自由形式」で記事の下に追加すれば完成です。



自由形式の中身は↓こんな感じです。




↓完成しました。




今回はこれで以上です。

如何でしたか？

細かい話になりましたので、ちゃんと伝わるか不安です。＾＾


何かわからないことがあれば、メールフォームまたはコメントから気軽にご質問ください。

最後まで読んでいただき、ありがとうございます。

「ツイッター」もやっています！
フォローをよろしくお願いします。

Yahoo!リスティング広告のお申込みはこちら→Yahoo!リスティング広告

「PPCアフィリエイトで初心者が稼ぐ戦略」トップに戻る