アフィリエイト初心者特化！ブログアフィリエイトで稼ぐ

何のためのカスタマイズだろうか


◆応援していただけると嬉しいです◆→



ブログ開設から
色々とカスタマイズしてきて、
ようやく形になってきたと思います。



自分のブログに愛着が湧いてきましたね。









ところで、









何のためのカスタマイズでしたっけ？












そんなの決まっています

売れるブログにするためです。

まあ、当然ですね。






売れるブログ構築術は『爆転2』で学べ！!






というか、










私のブログ、どうですか？










「ああ、爆転ブログだな…」


その通り！





細部にまでこだわっております。

私の自信作です
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

はじめに、
HTML言語のバージョンを確認しておきます。
一度確認しておけばオーケーです。

↓

ブログカスタマイズの前に
バックアップを取っておきます。

↓

ブログをカスタマイズします。
カテゴリーのブログカスタマイズを参考にしてください。

↓

そして、
ブログをカスタマイズしたら
文法の間違いがないか欠かさずチェックします。
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
↑
過去記事で紹介したHTMLチェッカーです。
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

古い記事はどんどん埋もれていってしまいますよね？
それ、もったいないですよ。


◆応援していただけると嬉しいです◆→



心をこめて書いた記事が
もう二度と読まれないなんて悲しいですよ。



そこに有益な情報が含まれていても、
膨大な過去記事から探し出すのは面倒な作業ですよね。



ですから、ブログ訪問者が
いつでも有益な情報にアクセスできる環境を整えました。


トップページには
『簡易サイトマップ』
がありますし、

左サイドバー上部に
プラグインで『サイトマップ』を設置しています。
「全記事のカテゴリ別一覧表示」
をクリックすると見れます


このサイトマップは
FC2ブログ「公式プラグイン」の
全記事表示リンクを利用しました。
※テンプレートをちょっといじってます



私のブログにも
リピーターさんが来てくださるので、
「有効活用していただけたらいいな！」
と思います。



『アフィリエイトポテトtips』

サイトマップを作成し、
過去記事にリンクする

「コンテンツ生きてますか？」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

リンクユーザビリティを考慮して
使い分けるのが基本ですが


◆応援していただけると嬉しいです◆→



以下はタグを使いこなす（基本編）の記述のコピーです。

■リンク■

<a href="ここにリンク先URL">同じウィンドウで開く</a>
<a href="ここにリンク先URL" target="_blank">新しいウィンドウで開く</a>

リンクユーザビリティを考慮して使い分けることをお勧めします。
・自サイトのページを開くときは同じウィンドウ
・他サイトのページを開くときは新しいウィンドウ
このように使い分けるのが基本です。
新しいウィンドウを開くときは　 target="_blank"　を付け加えます。





このように書きましたけど、
実はこの「target="_blank"」は賛否両論です。
おまけにW3Cは非推奨

XHTML1.1以降では廃止…

XHTML 1.0 Transitional　はまだセーフですけど、
なんだかすっきりしないですね。



target="_blank"しなくても、
新しいウィンドウで開きたい人は
「右クリック」→「新しいウィンドウで開く」を選択することもできるし、
[shift]を押しながらクリックでもオーケーです。



しかし、
便利なので捨てがたいです。

例えば、
ランキングバナーをポチっとクリックして

もし新しいウィンドウが開かなかったら、
「あれ？」って思います。

そして、
すぐに[戻る]を押します。




たしかに強制的に新しいウィンドウを開くのは
よろしくはないのでしょう。

むやみに target="_blank"を使うのは
やめたほうがいいと思います。




でも、使います。

ただし、
target="_blank"は
「ブログ訪問者にとって便利な場合に限って使う」
そう決めました。


私が過去記事を参照するときに新しいウィンドウを開くのも
そういう理由があるからです。


最終的には個人の判断に依存しますが、
そこは想像力を働かせて最適化を図ります。



『アフィリエイトポテトtips』

target="_blank"の使用は必要最少限にする

「あなたは賛成派？それとも反対派？」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

テキストリンクも画像リンクも
自由自在です。


◆応援していただけると嬉しいです◆→



<a href="URL">〜</a>
「リンクを貼りましょう」



■テキストリンク■

<a href="ここにリンク先URL">同じウィンドウで開く</a>

テキストのみのシンプルなリンクです。




■（画像のみ）■

<a href="ここにリンク先のURL"><img src="ここに画像のURL" alt="代替テキスト" border="0" width="0" height="0" /></a>
（※画像の大きさは適当に変えてください）

これは画像がリンクボタンの役割を果たしています。




■画像リンク■

<a href="ここにリンク先のURL"><img src="ここに画像のURL" alt="代替テキスト" border="0" width="0" height="0" />画像リンク</a>
（※画像の大きさは適当に変えてください）

リンクタグに画像とテキストの両方が入っているので
画像とテキストが連動した格好になります。


画像とテキストを分けたい場合は
<a href="URL">〜</a>をそれぞれに打てばオーケーです。
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

フリーエリア三部作の完結編です
第一部　『テキスト編』
第二部　『画像編』


◆応援していただけると嬉しいです◆→



FC2ブログの管理画面から
【環境設定】→【プラグインの設定】をクリックし、
プラグイン管理画面を開きます。



「今回はリンクについてお話します」



フリーエリアの編集画面を開き、
以下のタグを打ち込みます。


■テキストリンク■

<a href="ここにリンク先URL">同じウィンドウで開く</a>
<a href="ここにリンク先URL" target="_blank">新しいウィンドウで開く</a>

これでテキストリンクを設置できます。



さらに、
これに画像を組み合わせます。

画像を表示するので、
サイドバーが落ちないようにご注意ください。



■画像リンク■

<a href="ここにリンク先のURL"><img src="ここに画像のURL" alt="代替テキスト" border="0" width="100" height="100" />同じウィンドウで開く</a>
<a href="ここにリンク先のURL" target="_blank"><img src="ここに画像のURL" alt="代替テキスト" border="0" width="100" height="100" />新しいウィンドウで開く</a>
（※画像の大きさは適当に変えてください）

これは画像をクリックすると指定したページを開く仕組みです。





この仕組みがブログのどこに用いられているのか
あなたはご存知ですか？





そうですね、
これがまさにアレです。

「ネタバレ注意です」

どうしても分からないときはメールください
あなたにブログの秘密をこっそりお教えします。





以上でフリーエリアの基本的なカスタマイズは終了です。

「あなたのアイデア次第で可能性は無限に広がりますよ」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

フリーエリア内に画像を表示してみます。
すると…どうでしょう？


◆応援していただけると嬉しいです◆→



FC2ブログの管理画面から
【環境設定】→【プラグインの設定】をクリックし、
プラグイン管理画面を開きます。



「フリーエリア内に画像を表示します」



フリーエリアの編集画面を開き、
以下のタグを打ち込みます。

■フリーエリア内に画像を表示■

<img src="ここに画像のURL" alt="代替テキスト" border="0" width="100" height="100" />

基本的には画像の表示のときと同じです。




しかし、
ここで注意していただきたいことがあります。

それは画像の大きさです。
特に width="（画像の横幅）"の数値に注意してください。

この記述を誤ると
サイドバーが落ちてしまうことがあります。



サイドバーが落ちてしまう原因はシンプルで
サイトの幅を越える画像を無理やり表示したことです。





サイトの幅はテンプレートやスタイルシートで確認することができますが、
ブログごとに記述に差があるため一概には言えません。


カスタマイズしやすいように
記述を工夫されているものもありましたが、
残念ながら全てがそうであるとは限りません。



ですから、試行錯誤しつつ
「自分のブログはこれ位までは大丈夫」
ということを目安にします。

原始的な方法ですが、
一度調べてしまえば済むことです。


「大幅なブログカスタマイズは、アクセスが少ない時間帯にやりましょう」

---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

フリーエリアを使いこなすには
ちょっとコツがいるのです。


◆応援していただけると嬉しいです◆→



「フリーエリアをプラグインに追加します」

FC2ブログの管理画面から
【環境設定】→【プラグインの設定】をクリックし、
プラグイン管理画面を開きます。



PC用の公式プラグインをクリックし、
拡張プラグインの中に「フリーエリア」がありますので、
[追加]をクリックします。

プラグイン管理をクリックし、
フリーエリアが追加されたことを確認します。



「フリーエリアの内容を設定します」

設定の[詳細]をクリックし、
フリーエリアの編集画面を開きます。

「フリーエリアの内容の変更」の中に
テキストを書き込んでみましょう。



■フリーエリアにテキストを表示■

「フリーエリアの内容の変更」の中に
テキストを書き込んでみましょう。
（テキストの入力テスト）

このように入力し、
[プレビュー]をクリックしてみます。


しかし、このままだと

「フリーエリアの内容の変更」の中にテキストを書き込んでみましょう。（テキストの入力テスト）

このように表示されてしまいます。

フリーエリア内では自動改行されないので、
改行タグ<br />を自分で打ち込む必要があります。

そこでフリーエリアの内容に少し修正を加えます。



■フリーエリアにテキストを表示■

「フリーエリアの内容の変更」の中に<br />
テキストを書き込んでみましょう。<br />
（テキストの入力テスト）

このように改行したい場所に
改行タグ<br />を打てばオーケーです。


ここでタグを使いこなす（基本編）で学んだことが役に立ちます。

ぜひ画像の表示も併せてご覧ください。

---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

ブログカスタマイズの要
プラグインを設定します。


◆応援していただけると嬉しいです◆→



ブログの下ごしらえで
プラグインの整理をしました。


多くのブログがサイドバーの
プラグインに工夫を凝らしていますよね。


トップページにこだわるという意味でも
プラグインの設定が重要になってきます。



プラグインは簡単に設定でき、
あなたのオリジナリティを発揮できる
重要なファクターの1つです。




■プラグインを設定する■
FC2ブログの管理画面から
【環境設定】→【プラグインの設定】をクリックし、
プラグイン管理画面を開きます。


公式プラグインと共有プラグインを合わせて
多数のプラグインがありますが、
最も使用する機会が多いのは
公式プラグインの「フリーエリア」です。


例えば、
私のブログではプラグインの過半数が
「フリーエリア」で占められいます。


「プロフィールでさえもフリーエリアで自作しています」


とてもシンプルで使いやすく、
自由度が高いプラグインです。
HTMLやJavaScriptコードも利用できます。

もちろんあし＠の設置もできます。

「あなたに使いこなせるかな？」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

みんなの足跡
『あし＠』を設置します


◆応援していただけると嬉しいです◆→



私のブログの左上にあるのが「あしあとクライアント」です。
クリックすると、このブログの足跡を見ることができます。

あし＠会員が私のブログにアクセスすると
私のブログに相手の足跡が残ります。
同様に、私が他のあし＠会員のブログにアクセスすると
相手のブログに私の足跡が残ります。


もうお分かりですね？


「あし＠はアクセスアップに効果的です」




『あし＠』を
FC2ブログに設置する方法ですが、

あしあとクライアントの設置マニュアルでは
プラグインにタグを貼り付ける方法をとっていますが、
このタグを直接テンプレートに貼り付けることも可能です。



■あし＠タグの貼り付け位置■

<head>
〜
</head>
<body>
<あし＠の貼り付けタグ>
〜
</body>

このように貼り付けタグを
<body>〜<body>の間に貼り付けます。

この方法であしあとクライアントを設置したところ、
私のブログで動作確認できました。
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

ブログ必須ツール
アクセス解析を設置します


◆応援していただけると嬉しいです◆→



「FC2アクセス解析を設置します」

FC2 ID 管理パネルを開き、
メニューの【サービスの追加】をクリック

サービスの一覧から『FC2アクセス解析』をさがし、
【このサービスを追加】をクリックします。

登録の手続きを行ってください。



次に、
FC2アクセス解析の管理画面を開き、
メニュー【設定】の【解析用HTMLタグの取得】をクリック
HTMLタグをコピーし、
現在使用しているテンプレートに貼り付けます。


■解析用HTMLタグの貼り付け位置■

<head>
〜
</head>
<body>
<解析用HTMLタグ>
〜
</body>

<!-- [FC2 Analyzer] http://analyzer.fc2.com/ -->から
<!-- [FC2 Analyzer] -->までを
<body>の下に貼り付けます。

「これでアクセス解析設置完了です」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

様々なリスクを回避するために
バックアップを取ることをお勧めします。


◆応援していただけると嬉しいです◆→



ブログのデータのバックアップを取るには、
FC2ブログの管理画面から
【ツール】→【データのバックアップ】をクリック
ブログのデータのエクスポートが可能です。


記事のデータはテキストファイルで保存されます。
文字コードがEUC-JPになっているため
Windows付属のメモ帳では文字化けして見えますが、
内容の編集を行う必要がない場合は特に問題ありません。

これで誤って記事のデータが削除されても
記事のデータをインポート可能です。
同様に、画像ファイル等のバックアップも取ります。

あなたが書いた記事は大切な財産ですから、
きちんと自己管理することが重要です。



次に、
FC2ブログの管理画面から
【環境設定】→【テンプレートの設定】をクリック
テンプレート管理画面を開きます。

テンプレートのカスタマイズを行う場合、
不具合が生じたときに備えて
テンプレートのバックアップを取ることをお勧めします。

簡単なバックアップの方法として、
現在適用している（旗印の）テンプレートの[複製]をクリックし、
テンプレートのコピーを作成することができます。


これだけですと少々不安が残るので、
テキストファイルにHTMLをコピペしておきます。
同様に、スタイルシートのバックアップも取ります。



『アフィリエイトポテトtips』

ブログのデータのバックアップを取る

「定期的にバックアップを取ることをお勧めします」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

突然ですが、
重要なお知らせがあります


◆応援していただけると嬉しいです◆→



私のブログは
XHTML 1.0 Transitional
に移行することを宣言します。

これに伴い、
私が記事内で記述したタグをすべて
XHTML 1.0 Transitional
に対応させました。




「私がこのような決断をしたのには理由があります」


従来のHTML（Hyper Text Markup Language）では
文書構造や定義の仕方にあいまいな点が多く、
ブラウザ毎に見え方が違ったりするなどの問題点があります。


その一方で、
XHTMLにはより厳密な記述が求められ、
従来のHTMLの問題点であった
ブラウザーの互換性問題を解決できるという利点があります。


XHTML（Extension HTML）は
従来のHTMLをXMLの仕様に沿って改良された言語であり、
HTMLの新バージョンともいえます。



■XHTML1.0のDTD（カテゴリ、種類）■

XHTML 1.0 Transitional ・・・規制が緩い
XHTML 1.0 Frameset ・・・Frame使用可能
XHTML 1.0 Strict ・・・もっとも厳格

XHTML 1.0 Transitional は比較的規制が緩く、
HTMLからの移行はそれほど困難ではありません。

このブログが元々
XHTML 1.0 Transitionalで記述されていたことも
その理由のひとつです。


私は 「ユニバーサルデザイン」 を追求します


この宣言により、私に与えられた課題は
HTMLにあまり詳しくない初心者でも
容易にXHTMLに移行することができる環境を整えること

「とても険しい道のりになりそうです」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

HTMLチェッカーを使っていたら
エラーが出たんです。
※HTMLのバージョンはXHTML 1.0 Transitionalです


◆応援していただけると嬉しいです◆→




エラーの詳細を説明します


■エラーの重要度１■

<BR> が多数連続しています

これはどうしようもないのですが、問題は次です



■エラーの重要度１■

空要素タグは <tag /> と書くようにしましょう

重要度１ですから
致命的なエラーではありませんが、
これを回避する方法があります。

それは、
空要素タグ（Empty-element Tag）
を使う方法です。



基本的にタグは

<開始タグ>内容</終了タグ>

このようにっていますね。


しかし、XHTMLでは
空要素タグをこのように記述することができます。

<空要素タグ />

ただし、
空要素タグの末尾と　/>　の間にスペースを１つ組み込むこと。
「ここでミスをすると減点になりますのでご注意ください」



■空要素タグ■

<br />　改行タグ
<img src="ここに画像のURL" alt="代替テキスト" />
<img src="ここに画像のURL" alt="代替テキスト" border="0" width="0" height="0" />

このように記述することができます。
私も最近気付いたポイントです

「私自身も日々勉強しております」


正直な話、要素の論理構造とかサッパリです。
それでも、
最低限の知識はあったほうが
ブログの運営上有利だと考えます。

「有益な情報はどんどん公開していきますね」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

あなたのブログは
何語で書かれていますか？


日本語？

いいえ、そういうことじゃないんです。


◆応援していただけると嬉しいです◆→




HTMLも言語なんです。
言語であるがゆえに
「文法」というものがあります



「あなたのブログは何語で書かれているか」
一度チェックしてみることをお勧めします。


■HTMLのバージョンを確認する■

<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>

FC2ブログの管理画面から
【環境設定】→【テンプレートの設定】をクリック

HTMLの編集画面で確認できます。
場所は<head>の上部にあります


私のブログでは
XHTML 1.0 Transitional
と記述されていました。


私が記事で記述したものはすべて
XHTML 1.0 Transitionalでチェック済みですが、
HTMLのバージョンが異なる場合はご注意ください。




HTMLのバージョンを確認しておくと、
HTMLチェッカーを使うときに便利ですね。

バージョンによっては全く違う点数が出ます




『アフィリエイトポテトtips』

ブログをカスタマイズしたら
文法の間違いがないか欠かさずチェックする

「思わぬところで減点されることもありますよ」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

タイトル 『青い空と白い雲』
　photo by P0T0

「ブログに画像を表示するコツを教えます」


◆応援していただけると嬉しいです◆→





■画像の表示■

<img src="ここに画像のURL" alt="代替テキスト" />

基本はこのようになります。
応用編では、
これをもう少し掘り下げていきます。


上のサンプル画像を基本に則って表示するとこうなります。


「画像でか！」
って驚くかもしれません。



じつは、
小さいほうのサンプル画像は
タグに少し細工をしてあります。


■画像の表示（カスタム）■

<img src="ここに画像のURL" alt="代替テキスト" border="0" width="187" height="140" />

赤い文字で表示された記述が追加されています。

追加した記述はそれぞれ
border="枠線の幅"
width="画像の横幅"
height="画像の縦幅"
を表しています。


表示する画像の大きさを
自由に調整できるところがポイントです。




ここで、画像を表示する際の注意点を
いくつか挙げておきますね。


枠線を表示させたくないときには
「border="0"」の記述が必要です。
この記述がない場合は
自動的に枠線が表示されます。


また、テンプレートによっては
画像が大きすぎるとレイアウトが崩れることがあるので、
「width="画像の横幅"」
「height="画像の縦幅"」
を記述する際には注意が必要です。


あなたのブログは大丈夫ですか？




『アフィリエイトポテトtips』

画像を上手に使って
ブログにインパクトを持たせる

「あなたもワンランク上のブログを目指しませんか？」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

基本編の復習をする→　タグを使いこなす（基本編）
「上のリンクは新しいページが開きます。理由はお分かりですね？」


◆応援していただけると嬉しいです◆→

こういうものを作ってみました　＾ ＾）
「どうやって作ったのかは秘密です」



バナーの上にマウスカーソルを乗せると
代替テキストが表示されます。

このランキングバナーにも
『画像リンク』
を使っています。


これを詳しく見ていきましょう。


■コレ→ の中身はこうなっています■

<a href="http://blog.with2.net/link.php?●●●" target="_blank"><img src="この画像のURL" alt="人気ブログランキング" />

php?●●●"の数字はあなたのIDに変更してくださいね。

alt=""の
（"）と（"）の間にテキストをいれておくと
画像が表示されないときに
テキストが画像の代わりに表示されます。

正確には画像の説明文ではなかったんですね、
タグを使いこなす（基本編）のほうも修正しておきます。
すみませんでした…



『アフィリエイトポテトtips』

ブログランキングへのリンクは
新しいページで開くようにしておく

そうしておかないと、
お客さまが逃げてしまいますからね。
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

完成度の高いブログを目指して
今日は少しお勉強をします


◆応援していただけると嬉しいです◆→



難しいHTMLの知識は必要ありませんが、
知っておくと何かと便利なので
ブログでよく使うタグをまとめてみました。



■基本■

<br />　改行する
<b>太字</b>　太字にする
<strong>強調文</strong>　より強い強調
<i>斜体文</i>　斜体文にする
<s>打ち消し文</s>　打ち消し文にする
<u>下線文</u>　下線文にする

特に改行タグは重宝しますよ
私のブログでも大活躍しております。



■リンク■

<a href="ここにリンク先URL">同じウィンドウで開く</a>
<a href="ここにリンク先URL" target="_blank">新しいウィンドウで開く</a>

リンクユーザビリティを考慮して使い分けることをお勧めします。
・自サイトのページを開くときは同じウィンドウ
・他サイトのページを開くときは新しいウィンドウ
このように使い分けるのが基本です。
新しいウィンドウを開くときは　 target="_blank">　を付け加えます。



■画像の表示■

<img src="ここに画像のURL" alt="代替テキスト" />

使用する画像は
FC2ブログの管理画面から
【ツール】→【ファイルのアップロード】
でアップロードすることができます。



■画像リンク■

<a href="ここにリンク先のURL"><img src="ここに画像のURL" alt="代替テキスト" />同じウィンドウで開く</a>
<a href="ここにリンク先のURL" target="_blank"><img src="ここに画像のURL" alt="代替テキスト" />新しいウィンドウで開く</a>

これはリンクの応用編
画像をクリックすると指定したページを開く仕組みです。
私のブログでも使っています。




基本的に
記事の編集画面でなら
ボタン1つでお目当てのタグが挿入されます。

しかし、
これらのタグをある程度自分で使いこなせると
非常に便利なことがあります。

「長いので、この続きは次回にしましょう」



『アフィリエイトポテトtips』

基本的なタグを使いこなす

「メモ帳などにコピー＆ペーストしておくとよいでしょう」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

あなたのブログの第一印象は
トップページで決まります。


◆応援していただけると嬉しいです◆→



面接では第一印象が大事ですよね。
それはブログだって同じです



トップページは最初に表示されますから、
これでブログ訪問者の第一印象が決まります。


かなり重要なポイントなので、
トップページにはとことんこだわってください。


あなたがブログ訪問者の気持ちになって、
自分のブログを客観的に見るのがコツです。




例えば、
このブログのトップページを
一番上までスクロールして見てください。
あ、できればフルスクリーンでお願いします。


「何が見えますか」


上には　『ブログタイトルと説明文』
左側に　『プロフィール』＋α
中央に　『基本理念と簡易サイトマップ』
右側に　『イチオシ商材』
が見えます。

「どうしてこの配置なのか？」


実は、
この配置に秘密が隠されています。
アフィリエイターの目で見れば、
その秘密が分かってしまうのです。


このブログに隠された秘密を知りたいですか？
「そんなときはポトにメールしてみよう」



『アフィリエイトポテトtips』

ブログ訪問者の気持ちになって、
トップページを３秒間だけパッと見る

あなたのブログの前で
あなた以外の誰かが立ち止まるはずです。
それを感じてください
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

ブログカスタマイズの前に
これだけはやっておきましょう。


◆応援していただけると嬉しいです◆→



FC2ブログの管理画面から
【環境設定】→【環境設定の変更】をクリック


ブログの設定では
記事（ページ別）は多すぎないようにする。
「単純に重いと嫌なので」


トラックバックは受け付けないか、
承認後表示するようにしておきます。
「最初は難しく考える必要はありません」


ボタンの表示は『なし』にする。
拍手とブックマークのボタンです。
「余計なものは外しておきます」




次にプラグインを整理します。
FC2ブログの管理画面から
【環境設定】→【プラグインの設定】をクリック
「プラグインはデフォルトのまま使うことがほとんどないですね」


必要なものだけ残して削除します。
・プロフィール
・カテゴリー
・リンク
・月別アーカイブ
・最近の記事
・最近のコメント
・友達申請フォーム（一応）
とりあえずこれぐらいです。


プラグインカテゴリーは１〜３まであり、
テンプレートによって表示位置が異なります。
「あなたのセンスで調整してください」




『アフィリエイトポテトtips』

プロフィールはトップページの最初に目に付く場所に配置する

なぜかプロフィールが左上に配置されているブログが多いと思いませんか？
これにもきちんとした理由があります。

「気になる人はメールで質問」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

そもそもなぜFC2ブログなのか
ライブドアブログでもSeesaaブログでもいいじゃないか


◆応援していただけると嬉しいです◆→



FC2ブログのメリットは
「再構築の手間が掛からないこと」
カスタマイズの際に
少しずつ修正を加えるたびに
いちいち再構築するのが面倒なので、
個人的には結構重要なポイントです。


もうひとつのメリットは、
「１つのIDで複数のサービスを自由に選んで利用できること」
それらも上手に組み合わせると便利です。

例えば、私の場合
・FC2 アクセス解析
・FC2 ブログ
・FC2 ブログランキング
・FC2 ブックマーク
・FC2 フォームレンタル
以上のサービスを利用しています。


テンプレートの種類の豊富さも
FC2ブログの魅力ですね。
SEO対策済みのテンプレートから
カスタマイズOKのテンプレートまで、
あなたの用途に合わせて選べます。

シンプルis the bestの１カラムテンプレート
使いやすい２カラムもいいですけど、
個人的には３カラムが気に入っています。
（３カラムにはきちんとした理由がありますが、これは秘密です）


以上、FC2ブログな理由でした。

なんだかFC2の回し者みたいですみません
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

FC2ブログのカスタマイズは
意外と簡単にできます。


◆応援していただけると嬉しいです◆→



私はこのブログを開設してから
少しずつカスタマイズを加えてきました。
ブログ構築の基礎は『爆転』で学んだことが非常に役に立っています。
（詳しくは、爆転第２章の爆裂ブログ構築戦略にて）


自分なりにブログをカスタマイズをすることで、
他のアフィリエイターとの差別化にも繋がりますからね。
カスタマイズのメリットはそこにあります。



このブログのカスタマイズは
思ったよりも簡単にできました。


あなたがこのブログを見て
もし気になる箇所がありましたら、
どんどんメールで質問してください。
可能な限りお答えします。



ブログカスタマイズのちょっとしたコツなどは
これから少しずつ記事にしていきますね。


次回から
FC2ブログのカスタマイズについて
解説していきたいと思います。
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

ところで、
あなたはどんなテンプレートを使っていますか？


◆応援していただけると嬉しいです◆→



例えば、
このブログのテンプレートは…


一番下までスクロールすると
Template by FC2ブログのテンプレート工房
というのがあります。

誰がこのテンプレートを作ったのかが分かります。
「いたおさん、ありがとう」



SEO済みのテンプレートでもいいけど、
著作権表示さえ残しておけば
「カスタマイズ自由」
「どのようなサイトでも利用可」
これいいねー


個人的には、
カスタマイズが楽しいです。
「FC2ブログのテンプレート工房」には
カスタマイズの方法などが盛りだくさん。
おお、これはよさそうだ




と、いうことで
前ふりが長くなりましたが、
ここからが本題です


例えば、
ブログのテンプレートとか
「普段何気なく使っているもの」
それらを見直してみませんか。


「これは誰が作ったのだろう？」
「これにはどんな想いが込められているのだろう？」
そして、
あなたはそれを大事に使っていますか？


少し意識してものを見ると
何か新しい気付きが得られるかもしれませんよ？
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

現在ブログ工事中です
見た目はあまり変わっていませんが…


◆応援していただけると嬉しいです◆→



HTMLチェッカーを使ってみたんです。
Another HTML-lint gateway　←これです
HTML文書の文法を100点満点で採点してくれます。

私が試しにこのブログをチェックしてもらったところ

結果　−160点

「がんばりましょう」でした
かなり凹みました。



それから
どこをどう修正したらよいのか
解説を見ながら試行錯誤を繰り返し、

−160点だったのが、
たった１箇所修正するだけで
−155点に上昇！


点数の上下に一喜一憂しながらやっていくと
最終的には78点になりました。
「ふつうです」
まだエラーが116個もあります。
なかなかむずかしいですね…


でもまあ、
「専門知識も無いのによくがんばったものだ」
自分を褒めてあげました。

たった１日でこれだけ改善できたのですから、
今日はこれでよしとしましょう。


HTMLチェッカー　→　Another HTML-lint gateway

「あなたも一度チェックしてみては？」
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ

毎日やるべきことは分かったけど、
だんだん不安になってきます。


◆応援していただけると嬉しいです◆→



「毎日こんなことをしていていいのだろうか」
不安が頭をよぎります。

長期的目標と短期的目標の間に
大きな差がありますよね。
こいつがくせものです



さて、
今日から11月です。

良い機会なので
今回は
「中期的目標」
についてお話します。


中期というのは１ヶ月です。
なので、
「中期的目標」には
「１ヶ月間かけてやること」を設定します。



１ヶ月間かけてやることには、どんなものがあるのでしょうか。


例えば、
「ブログの充実」
「ノウハウの検証」
「ＳＥＯ」
など、多岐にわたります。




ここでちょっと、
先月を振り返ってみましょうか…
【ポトの10月を覗き見る】
ずらっと記事が表示されます。

「10月はふたつの商材をレビューしました」

私の「10月の目標」は
一応達成されたことになります。




話を戻しますね。


もし、あなたが
「ブログを開設して間もない」という場合、
最初の
「中期的目標」は
「ブログの充実」です。
これを最優先してください
（この段階ではまだ集客はしません）


「ある程度のサイトボリュームがある」という場合、
次の目標は
「収集→実践→検証→提供」のサイクルですね。
（１ヶ月単位の戦略を組み立てます）



戦略については今回は触れないでおきますが、
このような「中期的目標」は
ビジネスの軌道修正のためにも必要になってきます。


さらに、
月単位の目標を
一週間ごとに見直すようにします。
そのために、
週に一度は「休日」にするとよいかもしれません。
---------------------------------------------------------
Yahoo!ブックマークに登録

ご相談・ご質問等はこちらからお願いします
【ポトにメールを送る】

あなたの応援クリックがとても励みになります
【FC2ブログランキング】☆ 【人気blogランキング】
---------------------------------------------------------
アフィリエイト初心者特化！ブログアフィリエイトで稼ぐのトップページへ