アフィリエイト初心者がスキルアップするための情報ブログ

あなたは自身のファンブログサイトのフッターを活用していますか・・！？
えっ！フッターって何・・？？何って・・サイトの一番下のスペースですょ…

私のページを見てもらうと分かると思うのですが、リンクとコピーライツを書いています。
内部リンクや運営している他のサイトへのリンクを供給したり
お約束事ですが、著作権の表示をしておきましょう。

HTMLには、ちゃ〜んとフッターを書くためにタグが書いてあるのに
ほとんどの人が活用していない・・私からすれば何故って感じです。

使える物は使っちゃえーーーーー！

ってな訳で使える物は有効に活用しましょう！

フッターへの記述方法は

スタイルの編集 ⇒ 左上のフリースキンの編集で
メイン・ポータルアーカイブ・１記事・プロフィールのすべてのHTMLに書き込みましょう。

各HTMLを開くと、最下部の方にこんなタグがあります。

<div id="footer">
</div><!-- /footer -->

ここに挿入したいタグを書き込んで、フッター部分を有効に活用して下さい。
下記のタグの書き方を参考に記述して下さい。リンクは無くても大丈夫です。

<div id="footer">
| <a href="リンク先アドレス">サイトのタイトル</a> | <a href="リンクするサイトアドレス">サイトのタイトル</a> | <a href="リンクするサイトアドレス">サイトのタイトル</a> |<br />
当サイトのテキスト・画像等すべての無断転載転用、商用販売を固く禁じます<br />
Copyright &copy; 2010 <a href="｛$BlogUrl$｝">｛$BlogName$｝</a> All Rights Reserved.
</div><!-- /footer -->

上記を参考に実際に書くと…



こんな表示になります…

上記はファンブログの変数タグを使った記述方法ですが、他のブログで記述する場合は
｛$BlogUrl$｝をサイトアドレスに、｛$BlogName$｝をブログタイトルに
それぞれ書き換えて下さい。

■ ｛$BlogUrl$｝の ｛　｝ は、表示の関係で全角で書いていますが、実際は半角で書いて下さい。

CSSをフッターだけに適用させる

テキストの色や位置、デコレーションはCSSで設定してください。
前回書いた私の設定例を解説しておきます。

#footerに書いたタグだけにCSSを適用させるには

#footer　　{
clear:both;
background:#B21919;
font-size:12px;
padding:10px 0px 10px 0px;
text-align:center;
line-height:1.6em
}

#footer a { color:#FFFFFF;text-decoration:none; }
#footer a:hover { color:#FFFFFF;text-decoration:underline; }
#footer a:visited { color:#FFFFFF;text-decoration:none; }


■ 各設定の説明
・clear:both; ⇒ 各カラムに指定したフロートを解除
・color ⇒ テキストの色
・background ⇒ 背景色
・font-size ⇒ テキストのサイズ
・padding ⇒ フッタースペース外周からテキストまでの余白
・text-align ⇒ テキストの位置
・line-height ⇒ テキストの行間

・a ⇒ リンクのときに使うアンカータグです。
・color ⇒ テキストカラー
・text-decoration ⇒ テキストの装飾（アンダーライン）
・a:hover ⇒ テキストリンクにカーソルをあわせた時の指定
・a:active ⇒ テキストリンクをクリックしてボタンを押し込んだ時の指定
・a:visited ⇒ テキストリンクをクリックしたあとの指定

これらを参考にあなたのサイトに合わせて設置してください。


出来ないと思うのではなく、やってみようと思う勇気があなたの進化を生み出す。

いつも笑顔で 。。
寿 一太朗

 ソーシャルブックマークに登録！

 いつもランキングの応援をありがとうございます！！