わたしのブログは駄目でしたΣ（´□｀；）

いきなり意味不明な出だしですが、今回は特に、FC2ブログを使っている人に
読んでもらえたらと思って書きました。

FC2ブログで作ったブログを見ていると、ちょっと違和感があるブログと出会ったりします。
ブログを自分好みにカスタマイズしているけど、
サイドバーの部分が微妙にヘッダ部分に食い込んでいたり、ズレたり
全画面表示しないとメインコンテンツ部分と被ってしまったり
（これはカスタマイズしなくてもなるテンプレートは多い気がします。）
しているブログは意外と多いです。

これは、サイドバーをスタイルシートのpositionプロパティを使って
レイアウトしているからだと思いますが、
もしも、心当たりがある方がいたら調べてみてください。
ちなみに私はちょっと前まで、サイドバーのレイアウトはpositionプロパティを使っていました。
というか、テンプレートがそうなっていたので、そのまま利用していました。

が、最近気付いたショッキングな出来事がΣ（ﾟ□ﾟ；）

>> [ あなたのブログ大丈夫ですか？ ] の全文はこちら

以前記事にした（なんちゃって）Web標準3カラムテンプレートですが、
あれは、実は個人的にここのところをなんとかしたいなぁと思いながらも
解決しないまま不完全な状態で公開しました。

『ごめんなさい（*・ェ･*）ノ 』←反省してませんｗ

さて、今回はその部分が解消されるのか？！

前回記事の『（なんちゃって）Web標準3カラムテンプレート』のソースは
3カラムを左サイド部、センター部、右サイド部の順でコーディングされています。

---

【この辺です】
<div id="frame_left">左サイド部の内容</div>
<div id="frame_center">センター部の内容</div>
<div id="frame_right">右サイド部の内容</div>

---

これだと、サイト内で同じテンプレートを複数のページで使いまわす時に不便です。
普通テンプレートで使いまわす場合、編集で一番いじる部分はセンター部ですよね？
左サイドや右サイドはメニュー等が入る構成がほとんどなので、
場合によっては、まったくいじらない場合もあります。

ということで、センター部を上に持ってきた方がコーディングが楽になります。

つまり、こんな感じにしておきたいなぁ。と思っていました。

---

【こんな感じ】
<div id="frame_center">センター部の内容</div>
<div id="frame_left">左サイド部の内容</div>
<div id="frame_right">右サイド部の内容</div>

---

これ、実はもうひとつメリットがあります。
SEO的にはできるだけページの上部にキーワード記述すると効果があるようです。
となると、センター部が本当に重要な部分のはず（？）なので、
センター部を上に持ってくることはSEO効果ありといっても良いと思います。

それでは、『（プチSEO）Web標準3カラムテンプレート完全版（仮）』…えっ？！Σ（ﾟ□ﾟ；）
を公開します。どぞ（*・ェ･*）ノ

>> [ （プチSEO）Web標準3カラムテンプレート ] の全文はこちら

前回の記事で書きましたが、XHTMLにチャレンジ中です。
<table>タグを使わないようなレイアウトを試行錯誤していたのですが、
いろいろ他のサイトを覗いているうちになんとなく分かってきました（≧□≦）９
ついでに、使いまわしができるように3カラム（中央配置）のテンプレートを作ってみました。

プログラムは最終的な結果を出すのに何通りも方法があるので
これが正解ってことはないですよー。参考程度に見てくださいね。
ちょっと言い訳っぽくなりましたが、逃げ道を作っておかないと不安なので（；´Д｀）

ちなみに、専門書を参考にしたわけではないです。
全くの独学なので、問題があったとしても苦情は受け付けませんｗ
使う場合は自己責任でおねがいしますねー☆
あっ！苦情は受け付けませんが、アドバイスは受け付けますよ（*・ェ･*）ノ

アドバイスをもらったことですが<p>タグにの<div>タグを
ネスト（入れ子）するのは駄目らしいです。
<a>タグにの<h>タグのネストも駄目みたいです。（逆はOK！）
知らない人も多いかと思うので注意してみてくださいね。
ちなみに私はやってました（´・ω・｀）
ソースのチェックはこちらに便利なツールあります。

それではどうぞ。

>> [ （なんちゃって）Web標準3カラムテンプレート ] の全文はこちら

ステイタスバーに表示されるリンクを非表示にする方法を解説します。

とその前に、ステイタスバーってどこにあるの？って人のために。
IEやFirefoxならブラウザ下部にあります。
その他のブラウザはちょっと分かりません。ごめんなさい。。

私個人の意見ですので、あまり気にしすぎる必要もないですが
このカスタマイズを行う前にステータスバーを非表示にする【検討編】
を一度目を通しておくことをオススメします。

まずはサンプルですが、もちろん今回も
サンプルは【私に喜びを与える。】シリーズです（≧ω≦）

>> [ ステータスバーを非表示にする【実践編】 ] の全文はこちら

質問が出たのでお答えしようと思いますが
私はこのカスタマイズをあまりお勧めしません。
理由を以下に説明しますが、そのデメリットを
踏まえたうえでの使用を検討してみて下さい。

このカスタマイズ方法は何通りかありますが
何のためにこのようなことを行うかを考えてみます。
この小技を使っている多くのサイトの共通した特徴は
あやしいサイト、もしくは管理人にやましい気持ちがあるサイトです。
もっとはっきり言ってしまうとほとんどがア○ルトサイトです（笑）

あやしいサイトがリンク先を隠す理由として考えられるのは
訪問者に気付かれないように管理者が利益を得るのが魂胆で
ひどい場合は訪問者に不利益を与えることで管理者の利益に
しようとしているサイトさえあるのではないでしょうか？
すべては、憶測で言っている部分があるので一概には言えません。
そうでない健全なアダ○トサイト（笑）もあると思います。

>> [ ステータスバーを非表示にする【検討編】 ] の全文はこちら

【Webサイト制作者のボヤッキー】ではリンクにマウスポインタをあてると
ボタンのような引っ込む動作をするリンクがあります。（探してみてね！）

こうすることによって訪問者にリンク場所をより分かりやすく教えることができます。

また、リンクがこのような動作をすることで訪問者に対して
注意を引くことができクリックしてくれる確立が高くなります。

これは、多用するよりもポイントを絞ることでより注意を引く効果が高くなりますよ。

ここぞ！といった場面で使うのがおすすめです。

まずはサンプルを

>> [ ボタンのような動きをするリンク ] の全文はこちら

自分の作ったサイトを多くの人に見てもらうことは
制作者にとってうれしいですよね。
それが、閲覧者にとって常連サイトになるのなら
この上ない喜びだと思います。

サイトの訪問者にリピーターになってもらうには
お気に入りに追加してもらうのが一番です。

そこで、サイトに「お気に入りに追加」ボタンがあれば、
簡単にお気に入りに追加することができるので
結果、リピーターが多くなります。

このボタン、実は制作者にとってもうひとつメリットがあります。

>> [ お気に入りに追加ボタンを作る ] の全文はこちら

HTMLのネタを扱うならサンプルソースを表示することもあるだろうと思い、
ソースの表示方法を勉強したので、折角だから記事にしてみました。

「こんな風にブログを改造しました。」とか
「SEO対策はこんな風に記述すると効果があります。」など
HTMLのタグを文字として表示したいときってあると思うのですが、
そのまま記述したらブラウザはタグと認識してしまうので、
文字として表示されません。これって結構困ります。

>> [ HTMLのソースを表示する ] の全文はこちら