2013年4月8日月曜日

ブログタイトルにトップページへリンクさせる方法

新しい記事 以前の記事

ブログタイトルにトップページへリンクをさせる方法。



テンプレート>HTML の編集で「ウィジェットのテンプレートを展開」にチェック
以下、詳細。





<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

この部分の<b:include name='title'/>を「a」タグで囲む
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl'><b:include name='title'/></a>
</h1>
</div>
<b:include name='description'/>
</div>

以下のCSSを追加し、
マウスオーバーでフォントのカラーを変更させる。
.Header h1 a:hover {
color: #9fc5e8; //Sample
}

その他関連


0 件のコメント:

コメントを投稿

次の投稿 前の投稿 ホーム

Related Posts Plugin for WordPress, Blogger...