BaySky eBLOG

  : 

<私的備忘録> 気に入ったこと、気に懸かること、気に障ること を随意に・・・

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告  /  tb: --  /  cm: --  /  △top

ブログのタイトルヘッド部にロゴとバナー 

fc2blogcustomize_176x62 #003

ブログのヘッド部が青色帯と白抜き文字だけですっきりはしているのですが、何となくさみしい。背景に写真を配置しようかとも思いましたが、今回はロゴとバナーを散らしてみることにしました。

■希望事項:
 ブログのタイトルヘッド部にロゴマークやバナーを貼り付けたい。


■カスタマイズ作法:
 使う画像のアップロードを済ませ、URLを把握しておく。
 template[green-right]のHTMLの編集を手直しする。

■カスタマイズ実技:

◆BEFORE カスタマイズ:
<div id="header">
<h1><a href="<%url>"><%blog_name></a></h1>
<%introduction>
</div>

◆AFTER カスタマイズ:
<div id="header">
<table border="0" width="708" align="center"><tr>
<td width="200"><img border="0" src="ロゴマークのURL"></td>
<td width="300" align="left">
<h1><a href="<%url>"><%blog_name></a></h1>
<%introduction></td>
<td align="right"><img border="0" src="バナー#1のURL"> <img border="0" src="バナー#2のURL"></td>
</tr>
</table>

</div>

▲備考▼ width="数値" の「数値」は、表示する画像の寸法により、バランス感覚で加減するべし。

▲参考▼ 使われているテンプレートによっては、上記の作法が上手くなじまないこともありえます。カスタマイズは常に万能ではありません。臨機応変の対応が肝心です。

スポンサーサイト
タグ: customize  カスタマイズ  blog 
weblog  /  tb: 0  /  cm: 0  /  △top

コメントの投稿

Secret

△top

この記事に対するコメント

△top

トラックバック

トラックバックURL
→http://baysky.blog1.fc2.com/tb.php/604-4c9657be
この記事にトラックバックする(FC2ブログユーザー)

△top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。