さて第６回を迎えますファンブログのカスタマイズ
ですが、今回は番外編となります。

ファンブログのカスタマイズ（目次）

---

◎　前置き♪

---

今回番外編となったのは私の師匠から見た目ばかりじゃ駄目だ〜！
とお叱りを受けたので、ちょっとした便利リンクの設置方法です。

さて便利リンクとはなんでしょう？
それはページのトップへ戻るリンクです。

何故必要なのか？

長い記事だと下まで行ったら上に上がるのめんどくさいですよね？
そんな事無いでしょうか。

そんな状態では使う側にとってよろしくないですよね？
でもこれって使う側だけではないんです。

なんででしょうか？

それは上のほうにはバナーとかカテゴリとか色々ありますよね。
でもそれを使ってくれない事になります。

それがなんで駄目なの？

使う側は必要な情報が得にくいですよね。
そしてブログ作成側はせっかく載せた情報が見られないことに。。。

もったいないですよね〜((+_+))

残念ながらファンブログには最初からページのトップへ戻るリンクや
ボタンが無いんです((+_+))

となると自分でつけるしかありません。

ではカスタマイズ方法です。

---

◎　カスタマイズ方法(^O^)／

---

やり方はいくつかありますが、ここでは簡単な方法を紹介します。

まずはリンクの使い方。

さて下の＜a＞タグはどちらも同じように見えますが
ちょっと違います。

＜a href="#burikama"＞・ブログへ＜/a＞

＜a name="burikama"＞・ブログ＜/a＞

さてこれはどのような違いがあるのか？

上のものは通常ののリンクとほぼ一緒です。
文字の部分はリンクとなります。

これは実際にタグにしたものです。
・ブログへ（これはクリックしないでくださいね）

さてクリックするとしたらどこへ行くんでしょうか。。。？

答えは・・・
＜a name="burikama"＞・ブログ＜/a＞
のところです！

よく見ると普通のリンクタグとは違いますね。
「href」ではなく「name」となっています。

ここで場所を指定しているのです。

だからそこに行かせたいと思うところに

＜a name="？？？"・・・
を書いておいてもととなる場所に、

＜a href="#？？？"・・・
を書けばいいわけです。

この「＃」は絶対に必要です。
これが画面内リンクのしるしですので(^O^)／

では、リンクをクリックしてみてください。
・ブログへ

このカスタマイズ説明の頭に仕掛けて置きました。

ちゃんと移動したと思います。

このように行かせたい場所への誘導が
出来るようになります。

さてページのトップへ戻るカスタマイズですが、
わかりそうな人はここまでの説明で是非チャレンジ
してください。

わからない方は続きをどうぞ！

---

◎　カスタマイズ方法(続き)

---

では説明しますね(^O^)／

まずページの頭に、、、
＜a name="・・・

を仕掛けません。

実を言うとページのトップへ行くには「＃」だけつけると
移動するんですね。。。

なので、移動元に次のものを書きます。

＜a href="#"＞ページトップヘ＜a＞

書く場所は、、、

ファンブログの管理画面より

「デザインの変更」を選択し、
「フリースキンの編集」の「メイン」を選択します。

全てが同じかは保証できませんが、
多分ここです。

＜div class="entryInfo"＞
という部分があります。
この下に「コメント」とか「トラックバック」と見慣れた文字が
書いてあるはずです。

＜div class="entryInfo"＞
の下にある＜/div＞のすぐ上に、

｜＜a href="#"＞ページトップヘ＜a＞
を書き足してみてください。

このようになります。

・・・
｜＜a href="#"＞ページトップヘ＜a＞
＜/div＞

「｜」はエンターキーのすぐ上にあるはず。。。

やってみたらプレビューを押してみましょう。
そして実際にトップへ戻るか試してください(^O^)／

いかがですか？
出来ましたでしょうか？

出来たら保存して実際のブログを確認しましょう。


使いやすいブログにしてアクセスアップを目指しましょう！

ちなみに私のやっているやり方は、別のやり方です。
javascriptを使用しています。。。

チャレンジしたい方は私のブログのソースを参考に
してみてくださいね〜(^O^)／




クリックしないでって言ったのに！･･･(>_<)

これクリックして戻って頂戴！