アメブロテンプレート販売[アメっプ!]

アメブロプロフェッショナルテンプレート販売や無料で使える読者登録ボタンなどをお届けします。

新規登録 | ログイン

ブログタイトルをロゴ化(画像化)

ブログタイトルをロゴ化しちゃおう!
説明

デフォルトではテキストになっているブログタイトルを画像化してみましょう。
ブログタイトルはブログのトップページに戻るリンクが貼られていますので、
画像化したブログタイトルをクリックするとトップページに戻るように設定してみましょう。

設定CSSを見つけてみましょう。

.skinTitleArea{
padding-bottom:4px;
}

上記がブログタイトルの設定CSSです。
上記の下に次のように書き加えてみましょう。

.skinTitleArea{
padding-bottom:4px;
}
.skinTitleArea a{
display:block;
background:url(http://画象URLをココに入れる)no-repeat;
width:100px;/* ←ココに画象の横幅のサイズを入れる */
height:100px;/* ←ココに画象の縦幅のサイズを入れる */
text-indent:-9999px;
}

すでにブログタイトルにはホームへのリンクが入っていますので、
上記の設定だけでロゴにリンクが貼られます。

特徴説明

カスタム可能/CSS編集用デザイン

無料ユーザー登録
ユーザー登録ログインするとアイテムをダウンロードできます!