Bloggerで見出しに文字を表記させずに文字入り画像を使う記述…HTML編

過去記事では…

各見出しに画像を使って…

その上に文字を表示させる記述について書いてきましたが…

今回は…タイトルも入った自作画像を表示させましょう…

当サイトのページャーを例にします…

下記リンクから過去記事もお読みくださいな…

「カスタマイズ」「HTMLの編集」「ウィジェットのテンプレートを展開」から…

newerPageTitle / home-link を探す…

「Ctrl＋F」で検索してネン…

過去記事通りにカスタマイズすると…

省略 expr:title='data:newerPageTitle'>任意の文字</a> 省略
省略 expr:title='data:olderPageTitle'>任意の文字</a> 省略
省略 <a class='home-link' expr:href='data:blog.homepageUrl'>任意の文字</a> 省略

…のようになっている筈です…

「任意の文字」となっている３箇所に…

用意した画像のイメージタグを書くだけです…

ちゃんと閉じたタグを使って下さいね…

こんなやつ…

<img src='URL' alt='説明' title='' width='' height='' border='0'/>

あと…見出しの背景画像を一括で指定している方は…

場所ごとに個別指定して…

カスタマイズした箇所の背景画像は外してください…

尚…日付ヘッダーなど…

データを表示する場所は…

当然ながらデータが表示されなくなりますので…

削除しないで併記してください…

現在は「img」タグを使わない記述にしています…

 Google Bloggerで絵文字を使うためのTips【CSS Sprites 編】

 Tonttu / テンプレート編集に必須な「CSS Sprites」作成ツールの使い方と「HTML」マークアップ

Blogger Tips Current-Label : Blogger Template Customize