kantaのアフィリエイト生活スポンサー広告タイトル画像の作成[カスタマイズ]HTMLの小技タイトル画像の作成

スポンサーサイト

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

|--/--/--|スポンサー広告||PageTop↑ | 編集| 

タイトル画像の作成

先日、オリジナルの画像を作ってみました。

今日は私が行った作成方法とブログのタイトルと置き換える方法を説明していきます。
オリジナルのものを作れば、自分のブログにもっと愛着がわきますよ

まず、タイトルロゴ画像の作成です。使用したソフトは簡単バナーというフリーソフトです。
このソフトはいつもお世話になっているアフィリエイトでタバコ代プラスさん(管理人:トーネさん)が以前に簡単にバナーが作れるフリーソフトをご紹介という記事でもこのソフトを紹介しています。

小さいバナーから大きめのバナーまでペイントソフトのような難しい知識も必要なく、ちょっとした作業でバナーが完成します。文字も縁取りや影をつけたり角度を変えたり、画像の読み込みもできる、さらにHPで使える様に画像形式を選んで保存可能・・・と結構使えますよ!
ダウンロードはこちらからできます  プンプンソフト

さぁ、簡単バナーをダウンロードして、インストールしたらソフトを起動させてロゴを作成しましょ?!ここで作成する時のポイントがあります。

?私のタイトル画像のようにロゴの余白部分を透過させたい時は、ツールバーのオプションプロパティGIF設定またはPNG設定背景色を透明色に設定にチェックを入れて下さい。また、背景色はロゴに使用していない色を使ってくださいね!そーしないとロゴの背景色を使っている部分も透明になってしまいます・・・。
?一般的には画像はGIF形式で保存するのですが、サイトにアップした時にビミョーな色合いが出ないので、イメージ通りの色を出したいのならJPG形式かPNG形式での保存をおすすめします。さらに、ロゴの余白を透過させる時はPNG形式で保存して下さい。


ロゴを保存したら、いよいよロゴ画像をアップロードしてHTMLに埋め込みます。ここからはFC2ブログの方限定になりますので、ご了承ください。
画像のアップロードはわかる方も多いと思うので、ここでは省略します。画像のアップロードが終わったら、画像のアドレスをコピーして下さいね。

次に、管理画面からテンプレートの設定でHTMLから<%blog_name>というタグを見つけて下さい。ブログタイトルの部分なのでHTMLの上の方にあるはずです。そしてこの<%blog_name>の部分を<img src="画像のアドレス" border="0" alt="ブログのタイトル名">と書き換えます。「alt="ブログのタイトル名"」の部分は特に書き加えなくても良いですが、SEOを意識しているサイトさんなら入れた方がSEO対策になりますよ!

あとは更新を押して、ブログの確認でチェックしてください。・・・ざっとこんなカンジです。ぜひチャレンジしてみて下さいね
スポンサーサイト
|2005/09/20|[カスタマイズ]HTMLの小技||PageTop↑ | 編集| 

RSS

お手持ちのRSSリーダーやMy Yahoo!などに当ブログを登録できます。よろしかったらどうぞ。


My Yahoo!に追加

Add to Google

Subscribe with livedoor Reader

このブログをリンクに追加する

アクセスアップツール

↓SEO対策にお使い下さい。

キーワードアドバイスツールプラス
Powered by SEO対策

サイトマップラス
Powered by SEO対策

アフィリエイター専用のアクセスアップサービス
アフィリエイター専用のアクセスアップサービス

カテゴリー

月別アーカイブ

ブログ内検索

ウェブ検索

Google

WWW を検索
FC2 を検索

最近のコメント

お友達ブログ

管理人が仲良くして頂いている皆さんです。

リンク

プロフィール

by 似顔絵イラストメーカー kanta

  • Author:kanta
こんなハンドルネームですが♀です(笑
東京都在住。家族はダンナ(30歳代前半)、息子2人(3歳・0歳)と管理人(ダンナの1歳年下)の4人。この秋に1人家族が増えたばかりです^^
管理人:kantaにメールする 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。