2013年8月30日金曜日

久しぶりに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;
}
------------------------------------------------------------------
 

0 件のコメント:

コメントを投稿