シーサーブログでオリジナルのヘッダー画像挿入
みなさんおはようございます(^-^)
昨日はテレビと電気つけっぱなしで爆睡で
あさ6時に目が覚めたランチケーキです(ーー;)
本日は休みです(ノ゚ο゚)ノ
自己満ブログでいくつか記事にしたいものとかあるんですが
今回は【シーサーブログでオリジナルのヘッダー画像挿入】ということを
説明します
今まで読んでくれてる方なら簡単ですので(・∀・)
まずヘッダーの画像をつくらなきゃいけないんですが
使いたい写真などを用意して
下記の記事を参考に作成してくださいm(_ _)m
※出来た画像をアップロードしてオリジナルのリンクボタン作成まで
同じことを行います
はい、画像が出来上がってアップロード出来ましたかぁ?
では
簡単ですので
管理画面から「デザイン」クリック
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>
※<>は実際は半角で使用します
これでヘッダーに画像入れられますので参考になれば・・・と