メインブログ、サブブログのお知らせを案内します Twitterが趣味でして

らんち☆お知らせ

メインブログとサブブログ更新のお知らせ

シーサーブログでオリジナルのヘッダー画像挿入

みなさんおはようございます(^-^)

昨日はテレビと電気つけっぱなしで爆睡で

あさ6時に目が覚めたランチケーキです(ーー;)

本日は休みです(ノ゚ο゚)ノ 

自己満ブログでいくつか記事にしたいものとかあるんですが

今回は【シーサーブログでオリジナルのヘッダー画像挿入】ということを

説明します

今まで読んでくれてる方なら簡単ですので(・∀・)

まずヘッダーの画像をつくらなきゃいけないんですが

使いたい写真などを用意して

下記の記事を参考に作成してくださいm(_ _)m

Excelを画像に変換・・・

※出来た画像をアップロードしてオリジナルのリンクボタン作成まで

同じことを行います

はい、画像が出来上がってアップロード出来ましたかぁ?

では

簡単ですので

管理画面から「デザイン」クリック

PCのコンテンツクリック

上部のヘッダーに「ブログタイトル」てコンテンツあると

思いますので×の左の歯車みたいな編集ボタンクリック

挿入テキスト(上部)と

挿入テキスト(下部)があります

タイトルのにオリジナル画像のヘッダーを入れるなら

挿入テキスト(上部)に

アップした画像を挿入です

これだけでヘッダーに画像が挿入されます(´∀`)

下記のようなタグが

挿入テキスト(上部)に入ったはずです

<a href="http://lunchcakezero.up.seesaa.net/image/E383A9E383B3E38381E382B1E383BCE382○△■.JPG" target="_blank"><img src="http://lunchcakezero.up.seesaa.net/image/E383A9E383B3E38381E382B1E383BCE382○△■-thumbnail2.JPG" alt="○△※0001.JPG" border="0" height="360" width="1020"></a>

このタグで挿入するとブログ閲覧でヘッダー画像クリックすると

ヘッダー画像が別ウィンドウで開きます

本当に画像だけがいいなら

<img src="http://lunchcakezero.up.seesaa.net/image/E383A9E383B3E38381E382B1E383BCE382○△■-thumbnail2.JPG" alt="○△※0001.JPG" border="0" height="360" width="1020"

だけを残します

※<>は実際は半角で使用します

ちなみに私のヘッダーサイズはheight="360" width="1020"にしています

これで完成です(ノ゚ο゚)ノ

簡単ですよね

他のブログサービス利用でHTML直入力なら

タイトルの上か下に挿入

上ならこんな感じです

<img src="http://lunchcakezero.up.seesaa.net/image/E383A9E383B3E38381E382B1E383BCE382○△■-thumbnail2.JPG" alt="○△※0001.JPG" border="0" height="360" width="1020"><br>

<title>Lunch CakeのZERO Line-音楽/アニメ/便利グッズ-</title>

下に挿入なら

<title>Lunch CakeのZERO Line-音楽/アニメ/便利グッズ-</title><br>

<img src="http://lunchcakezero.up.seesaa.net/image/E383A9E383B3E38381E382B1E383BCE382○△■-thumbnail2.JPG" alt="○△※0001.JPG" border="0" height="360" width="1020">

※<br>は改行です

連続使用などでスペース広く出来ます

<br><br>

※<>は実際は半角で使用します

これでヘッダーに画像入れられますので参考になれば・・・と