FC2ブログ

動くイラストと猫漫画

鉄道・猫漫画・イラスト・音楽のブログ。15年目に突入。

Entries

自分の写真をヘッダーに使うには


ヤフーブログのカスタム背景のように自分の写真をヘッダーに使うには
テンプレートのHTML(プログラム)を書き換えないとなりません。
初心者には難しい作業ですが、反面、HTMLが自由に扱える点で
ヤフーブログより表現の幅が格段に広がります。

ご質問があったので、ここでその方法を説明しますが
HTMLの書き換えは一歩間違えるとレイアウトがガタガタになりますので
HTMLに詳しくない方は、やらないで下さい。

1.使いたい写真をアップロードする


例えばこのような写真を使う時
ヘッダーテスト 

先に「ファイルアップロード」で画像をアップしておきます。
(管理メニューの上から6番目)
アップしたら、下の画像フォルダに表示されている画像下の小窓のアドレスを
コピーしてメモ帳などに貼り付けておいて下さい。
テンプレートによって最適なサイズが違います。
Basic_whiteの場合は横1200ピクセル縦200ピクセルぐらいが適当ではないかと推察します。


2.カスタマイズできるテンプレートを選びます
テンプレートの管理で「共有テンプレートの追加」を選び
検索の窓の「説明」のところに「カスタマイズ」を入れて検索します。
するとカスタマイズ用のテンプレートが出ます。
その作者名をクリックすると作者がブログでカスタマイズの方法を説明しています。
ブログ記事を参考にしてカスタマイズして下さい。
※HTML記述できる人が対象です。

テンプレートが初期設定の人がヘッダーに写真を使いたいときは下をご覧下さい。

※ヤフーブログから引っ越して何もしていない人はたぶんBasic_whiteになっています

1.テンプレート管理のBasic_whiteの編集を開く

※失敗したときの保険として「複製」を選んでおくとBasic_whiteに数字を追加したテンプレートが追加されるので、失敗したときは、そちらを選んで元に戻して下さい。

2.編集画面のスタイルシートの中をよく見ると

======================
 Header
======================
という部分があります。
その下にヘッダー背景書き換え部分があります。

下の図の赤枠の中は、すでに私の画像に書き換えていますので
本来の文字とは異なりますが、
この部分をご自分の画像アドレスに書き換えればいいのです。

header-test004.png 
3.自分の画像アドレスに書き換える。

スタイルシートの中の赤枠内の文字を削除して、あらかじめコピーしてメモ帳などに保存しておいたアドレスを入れます。
https://blog-imgsで始まり中間に自分のIDが入ったアドレスです。

4.プレビューで見るとこんな風になります

ヘッダーテスト 


5.タイトルの文字色などは、スタイルシートの中を適当に書き換えて下さい。

6.スタイルシート下の「更新」ボタンを押して終了です

Basic_White以外のテンプレートを使っている人は、テンプレート管理でBasic_Whiteにチェックを入れて上の「適用」をクリックして下さい←ココ重要

というふうにかなりめんどうな作業です。
その点ライブドアなら「カスタムできるスキンを選ぶ」→「タイトル背景用画像をアップする」→「切り取り方を選ぶ」だけで同じことができます。(ただしGIFアニメは不可)

以上、参考になれば幸いです。

FC2ブログには6000種のテンプレートが用意されています。
きっとご自分に合うテンプレートがありますので、わざわざカスタマイズしなくとも
6000種の中からお選びになった方がよろしいかと、私は思います。

テンプレート一覧↓



最後までお読みいただきありがとうございました。


↓ポチッとしていただけるとはげみになります。

にほんブログ村 イラストブログ フリーイラストへ
にほんブログ村


関連記事

Menu

最新記事一覧(サムネイル画像付き)

猫漫画「チビばあちゃんの冬用おうち」 Sep 25, 2022
撮り鉄の副産物 Sep 24, 2022
誕生!西九州新幹線かもめ-動画イラストフリー素材 Sep 23, 2022
日本が地震大国なことを実感する動画「世界の地震30年イッキ見」 Sep 21, 2022
フリー素材「観光特急ふたつ星4047動くイラスト」JR九州キハ40/47 Sep 20, 2022
猫漫画「台風どこ?」 Sep 19, 2022
猫漫画「カツラ猫の訪問」と台風接近フリー素材 Sep 17, 2022
LINEで送れる敬老祝い動画イラスト Sep 13, 2022

ブロとも申請フォーム

シンプルアーカイブ

シンプルアーカイブの使い方
2007~2012ヤフーブログ

プロフィール

ちいこ

Author:ちいこ
ホームページ「動くイラストフリー素材」で3200点以上の著作権フリー画像を配布しています。「動くイラスト」で検索して下さい。

FC2ブログカウンター

ランキング参加中

応援ありがとうございます

鉄道コム にほんブログ村 イラストブログ フリーイラストへ
にほんブログ村