Blogger:こまごま変更(1)ブログタイトル色変化、「続きを読む」→｢続き」から表示しない

Blogger Tips集をみつけていいなあ、と思って取り入れたものの記録です。

ブログタイトルのリンクの上にマウスカーソルがくるとフォントの色を変える

管理画面→テンプレート→HTMLの編集

]]></b:skin>の直前にブログタイトルへの修飾のCSSを書きます。

.Header h1 a:hover {
color: #9fc5e8;
}

マウスカーソルがブログタイトルの上にくると#9fc5e8色にフォントを変化させます。

「続きを読む」をクリックした時「続き」から表示しない

管理画面→テンプレート→HTMLの編集、ウィジェットへ移動→Blog1

<b:includable id='post' var='post'>の中の以下を書き換えます。

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
</b:if>

+ &quot;#more&quot;を削除します。

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
</b:if>

参考にしたサイト

Blogger カスタマイズ Tipsまとめ
ここを参考にさせて頂きました

cssの:hoverの色々な使い方 - ファンブログハック
マウスが上にきたときの変化のバリエーションがいろいろ紹介されています

次の関連記事:Blogger:こまごま変更(2)過去の記事一覧へのページ内ジャンプを作る