QLOOKアクセス解析

スポンサーサイト

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



------ --:--

【FC2カスタマイズ】 第2回:ブログタイトルを画像にする方法

今日はFC2カスタマイズ、第2回です。


ブログタイトルを画像にする方法

これも何人かのお友達から質問された内容です。

画像にしたい!と思う人は思うし、必要ないと思う人は思うし、
人それぞれだと思いますが、掲載してみました。


FC2ブログで、ブログタイトルを表示しているのは、例によって独自タグです。
<a href="<%url>"><%blog_name></a>
↑こんなタグが<body>タグの下の方に書いてあると思います。

<%url>がブログURLの独自タグ、
<%blog_name>がブログ名の独自タグになります。


さて本題。
単純にブログタイトルを画像に変えたい場合、↑のタグが記述されている箇所を探して、
<a href="<%url>"><img src="画像のURL"></a>
と書き換えてやれば画像が表示されます。

ただ。SEO対策が施されているテンプレだとブログタイトルの箇所は大抵、
<h1><a href="<%url>"><%blog_name></a></h1>
↑こうなってます。
これは<h1>タグがロボット検索エンジンに重要視されるためですね。

それをあっさりさっぱり捨ててしまうのは勿体ない。
ということで。
まずhtmlテンプレの方の記述をいじります。

<h1><a href="<%url>"><%blog_name></a></h1>

<h1><a href="<%url>"><span><%blog_name></span></a></h1>

そしてCSSテンプレの方に追記。

h1 a {
background:url(使用する画像のURL);
background-repeat:no-repeat; → 画像を繰り返さない指定
width : ●px; → 使用する画像の幅を指定
height : ●px; → 使用する画像の高さを指定
display : block;
}
h1 span {
display : none;
}


これでブログタイトルが非表示になり、代わりに画像が表示されます。
ただし、CSSテンプレに元から<h1>タグへの指定がなにかあった場合、
うまくいかない場合もあるかもしれません。

ブログのカスタマイズをする前には、必ずバックアップを取りましょう~。


続きを読むとさるるの日記が読めます♪

昨日は、夕方保育園から呼び出しをくらいました…orz

どうやら子供が吐いたらしい(5回ほど
ということで早退してお迎え→病院コースです。
幸い、熱もなく、続けて吐くこともなく元気いっぱいでしたが、
念のため病院へ行って、今日は何も食べさせずに寝かせました。

明日の朝ごはんはおかゆさんか~。
ただのおかゆじゃな……味の薄いおじやでも作ろうかと思ってます。


明日は土曜日。さるるはお休みです~。
ホントはママ休みデーの予定だったんですが、さすがに明日預けるのはねぇ…
ということで、明日は子供と2人です。
結局今週末もゆっくり出来ないのか…?
まぁ日曜はダンナもいるし、まったりさせて貰おう。

みなさまよい週末をお過ごし下さいね♪

20071020 01:11

お友達紹介キャンペーン中!お財布.com♪ お友達紹介キャンペーン中!お財布.com♪ | HOME | 【SEO対策】 FONTタグよりCSS 【SEO対策】 FONTタグよりCSS

Comments

お子さん心配ですね。
明日の朝、普段通りに戻っててくれると良いですね。
応援ポチw
20071020 02:12 | #- | [edit]
このコメントは管理人のみ閲覧できます
20071020 02:30 | # | [edit]
こん!
TG早く案内増えて
報酬もアップしてほしい
ですね。
20071020 10:09 | 遥斗パパ #- | [edit]
お子さん風邪かな?心配ですよね。
ママお休みデーは残念ですけど、
お子さんとすこしでもゆったり過ごせるといいですね!

今日もとても参考になります。

応援p(^-^)qぽちっ☆

20071020 10:21 | himawari #- | [edit]
さるるさぁ~ん♪

オォォーーー!! w(゚ロ゚;w(゚ロ゚)w;゚ロ゚)w オォォーーー!!
なんかとっても専門的で。。。

さるるさんのお子ちゃまと一緒で
調子が悪く・・・元気なときに勉強させていただきますっ!!!
メタタグのことも質問していい?

ごめんネ・・・(ノω・、)ウゥ・・・
また来ます(p・・q)ブリブリ
20071020 12:34 | ERINママ #- | [edit]
このコメントは管理人のみ閲覧できます
20071020 12:51 | # | [edit]
このコメントは管理人のみ閲覧できます
20071020 14:26 | # | [edit]
このコメントは管理人のみ閲覧できます
20071020 17:13 | # | [edit]
このコメントは管理人のみ閲覧できます
20071020 22:22 | # | [edit]
このコメントは管理人のみ閲覧できます
20071021 01:11 | # | [edit]
勉強になりましたーv-218

今後の参考にさせてもらいます。
20071021 01:25 | ぶーちゃん #- | [edit]
(♥ó∀ò)ノユイデス♪

わかりやすい♬
あたしもこんだけ知識があったらな~(*ノ∀ノ)
またまた参考にさせてもらいますd(`・ω´・+)

この間教えてもらったのは続き書くときに使う予定でいます!
続き押すとまた更新されちゃうのが嫌なんです(´Д⊂グスン

川^∀^)σ凸*

20071021 09:16 | 小遣い稼ぎbyゆい #yY1kaskg | [edit]
このコメントは管理人のみ閲覧できます
20071212 09:06 | # | [edit]

Comment Form













管理者にだけ表示を許可する  

Trackback

この記事のトラックバックURL
http://sohappy0.blog58.fc2.com/tb.php/394-f5922e56
| HOME |

MENU

Access Ranking

LINK

★お小遣い稼ぎサイトさん★

★素材屋さん★
web*citron A Trial Product's 素材置き場

Vivid Colors SUGAR PINK

お気軽にどうぞ☆
さるるとブロともになってみる

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