ブログ散歩|はてなブログのオリジナル、カスタマイズ方法&インテリア

部屋のインテリア同様、ブログをお気に入りのオリジナルデザインにカスタマイズ方法を解説。と長くブログを楽しむ、続ける方法を工夫しています。

ブログタイトル画像全体をリンクにする

広告

f:id:hachi001:20171122092655p:plain

ブログのヘッダ(タイトル部分)全体をクリックできるようにする

現状では、ブログのタイトル文字だけがリンクになっています。
タイトルのヘッダ全体をリンクに変えたいと思います。

このブログのデザインは以下を使っています。

多数のCSSカスタム適用済のコンテンツ制作に最適なテーマCONTENTSを発表 - DREAMARK

 

 

1.「デザイン設定」→「カスタマイズ(スパナのマーク)」→「デザインCSS」

f:id:sorekaraenikki:20170211134533j:plain

 

2.デザインCSSにコピーペーストしてください。

#blog-title-content{display:block;width: 100%;height: 100%;}
#blog-title-content > h1 {display:block;width: 100%;height: 100%;}
#blog-title-content > h1 > a{display:block;width: 100%;height: 100%;}

3.「適用」を押す

4.右側にプレビューが表示されると思います。確認してください。

5.気に入ったら、「変更を保存する」を押します。

 

他にもっといいやり方があるかもね。