久しぶりにBLOGいぢり

雨により予定がっぽかりと空いたため
BLOGのカスタマイズをすることにしました。
内容は一番上のブログタイトルをクリックすると
ブログのTOPに戻るという良くあるもの。

なぜかBLOGGERにはこの機能が付いていません。
前回は他にもいぢるところが多かったので、
タイトル自体にAタグを埋め込むという力技で対応。（笑
さすがに修正したいなと常々思っていたのですが、
面倒なのでついついそのままにしていました。（汗
本日気合を入れてカスタマイズです。

つらつらとソースを眺めてみたのですが、
あれ？これ結構簡単に出来るかも。
ちょっと試してみたところ…

はい、5分もかからず作業が終了です。
今まで誤魔化してきたのが馬鹿みたい。
面倒がらずさっさとすれば良かったです。（泣
他にも色々とやりたいことはあるのですが
それらは5分じゃ終わらないんだよな。。。（汗

追記：
LINKが貼られていることが分かるように視覚効果として
マウスオーバーでフォントカラーが変わるCSSも追加しました。

以下私のメモ用として

==================================================================

▼ブログタイトルにTOPへのLINKをはる

------------------------------------------------------------------

HEADERウィジェット
　802行付近

-------------------------------------------------------------------

変更前

-------------------------------------------------------------------

          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>

-------------------------------------------------------------------

-------------------------------------------------------------------

変更後

-------------------------------------------------------------------

          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>

-------------------------------------------------------------------

 追記分

==================================================================

▼ブログタイトルをマウスオーバーでFONTのカラー変更

------------------------------------------------------------------

CSS追加

------------------------------------------------------------------

.Header h1 a:hover {
color: #8b4513;
}

------------------------------------------------------------------