記事ごとに画像を変える方法
mairisさんが参考記事を書いてあったのでアップしてみました
まずは
画像をアップさせるための場所を作ります
ここでは
Yafooジオシティーズを使うことにします。
Yafooのフリーメールを取ってないところからします。
http://www.yahoo.co.jp/
ここから
メール・メールアドレスを取得します。（クリック）
今すぐメールアドレスを取得する（無料）
登録内容に沿って登録します。
ＩＤやパスワードはあとで必要になってくるのでメモで取っておくか
自分のメールの連絡先のフリー部分に保存しておいてください
メールを取得したら
メールのログインします
メールの確認最初の画面で自分が作った名前をクリックします
自分が作ったプロフィールが表示されればＯＫです。
右側の方に旧公開プロフィールとありますのでそこをクリック（黄色の→部分）
そこでメールアドレスとは違うニックネームを作ります（もちろん半角小文字で）
これをＨＰ用のＵＲＬにします。（メールアドレスがＨＰのＵＲＬになる為）
それからジオティーズに入っていくとメールアドレスがわかりにくいと思います。
ここからジオティーズ
http://geocities.yahoo.co.jp/
ここから指示に従って無料のＨＰの場所を作っていきます。
無料→今すぐ申し込む→開設手続き→
ヤフーのＩＤ・パスワードを入力→後は画面にしたがって
入力してください。ただ、
http://sky（ここは任意選択）.geocities.yahoo.co.jp/gl/（ここにメールアドレスＩＤが入るので変更した方がいいと思います。）
これでやっと場所が確保できました。
あ～～～その前に
bｌogと言うサブディレクトリを作ります
ココまでは同じです
その②はココから先の説明です
ここから画像の準備です。
まずはトップ画像
基本幅 widthは７００ピクセルになってるようです。高さheightは２００～５００ぐらいまででしょうか？
あまり大きいと画面に表示できなくなります。
この画像の部分です。★私は幅を９００まで増やしてます。
/*----------------------------------------*/
/* 記事ページ */
/*----------------------------------------*/
/*---------------- タイトル(小) ----------------*/
#subbanner{
/* 包含要素を相対位置指定できるようにします */
background-image:url(URL); ←貼り付ける画像のURL
background-repeat:no-repeat;
height:画像の高さpx;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
↑をメモ帳に保存させます。
名前をつけて保存するときに何か文字がある時は消して
新しく例）123.cssと半角小文字で名前をつけてください。
それが出来たら
ジオティーズへ
ログインして
一番下のほうのホームページを修正するをクリック
ファイルの作成編集をクリック
あ～～～その前に
bｌogと言うサブディレクトリを作ります
ＥＺアップロードをクリック
ファイル名を選んでファイルアップロードをクリック
転送結果が右に出てくるのでその下のファイルマネージャーに戻るから戻る
アップしたい画像のデータ123.cssの□にチェックしてファイルをコピーするをクリック
サブディレクトリがbｌogになっていることを確認
ファイルをコピーするをクリック
blogに123.cssのデータが移動する
表示を右クリックしてプロパティーをクリック
ＵＲＬを残しておく
<link rel="stylesheet" href="HPのURL" type="text/css"/>
やっとここで技が出てきましたこれを記事の一番上につければ記事ごとに画像が変えられます。
私の場合なぜか２個つけないとうまく表示できません
※もう一つ技を書いてあります
ファビコンを表示させる方法
http://mairis.at.webry.info/201001/article_43.html
ファビコンとは？
タグやURLの前に画像表示されている画像の事（ん）多分・・・
背景とコメント欄はまた後日・・・
追加
コメント欄
広くするには
設定
オプション
CSS編集
の中のここの部分にある
/*----------------- 記事ヘッダ -----------------*/
#blog-head{
}
/* 記事タイトル */
#blog-head h2{
}
/* トラックバック数／コメント数 */
#blog input.txt{
}
#blog textarea{
height:300px;
}
高さを変えられます
画像を入れたい時はまた違ってきます。
この記事へのコメント
（こん）
pinkuさん、記事ごとにタイトル画像を変える方法、書かれたんですね。
お疲れ様です。
これで皆さんも記事ごとにタイトル画像を変えることができるようになりますね。
ただ、面倒とは思いますが・・・。
私はタイトル画像を作るのが好きなので、楽しいです。。
（てへっ）
(。・・。)(。．．。)(。・・。)(。．．。)ウンウン
ファビコンの記事、読みました。。。
私は今はいいかな。。✿(。◕‿-。)ｱﾊ
横着者です。
pinkuさん、記事のアップ、お疲れ様でした。
（こん）
た～～～～～～くさんの気持玉
（ありがと）
やっとできました～～
（にゃは）
わかりにくいところは無いかな？？
画像を入れた方がわかりやすいんだろうけど
量が沢山になりそうなので今回はやめました。
リクエストがあれば画像も考えなきゃね
ファビコンはまだ理解できません(*_*)
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（こん）
今日は朝から一日中、冷たい雨が降ったり止んだり。
ちょっくら、寒い一日になってるよ～ん。
pinkuちゃん、結婚２３年目に入ったんだ？（ぴーす）
後二年で「銀婚式」だジョー！（にこ）
翔ちゃんの誕生祝を有り難うさ～ん。
土曜日から風邪を引いてまんねん（がーん）
今日は保育園を休んで、病院へ行ったかも？？
↑の記事、おいらにはちょっと難しそう（あせ）
今編集してる方法で、あっぷあっぷしてるもんねぇ。
ブログの更新、御苦労様で～～す（ぴーす）
（くしゃみ）（ういんく）（はなぢ）
（こんば）
た～～～～～くさんの気持玉
（ありがと）
あまりに冷え込んできたよ～～ん
木・金は（ゆき）の予報だし～～
昭和最後のバレンタインだったから
(￣へ￣|||) ｳｰﾑ
銀婚式まで持つかしら？？
ε=＼__〇_ ｽﾞｺｰ
うちは風邪ひいてもあまり熱が出なかったので
助かったけど熱が出ると大変だよね～～
（あっぷ）ファビコンでしょ（なく）まだ私も理解してないです。
もう少し脳みそがあったら理解早いんだろうけどね～～
結構師匠さんもやってるじゃん
└(ﾟ∀ﾟ└)ﾊｯｽﾙ!ﾊｯｽﾙ!!(┘ﾟ∀ﾟ)┘ ﾊｯｽﾙ!ﾊｯｽﾙ!!
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
☪ฺ*★*･ ☆こんばんわ~♪☪ฺ*☆*･★
詳しく書いてくれましたね。
皆さん参考にされると思います。
結構面倒ですね、参考にします。
ありがとう♪ヽ（*^∇^*）ノ*:･'゜☆
為になる記事アップお疲れ様でした。
☆*:..｡*☆♪こんばんは～☆*:..｡*☆♪
良くＵＰなさいましたね！
私にはとっても出来ません。
説明は難しいものです。
さすが、pinkuさんです～。
ありがとうございます。
参考になりました。
色々、勉強になりました。
（なるほど）（わーい）
凄過ぎちゃって・・
正直 童子には噛み砕くまで時間がかかりそう（T^T)
童子ね 最初此方のお部屋に来て 背景に驚いちゃって。
とても素敵。
兎さんかな？？
いつも素敵なお部屋♪
今回はお勉強タイムね（＾＾）
メモ帳に入れていいですか？？
今は現状維持でいっぱいかも。。でも、そうですね、いつかそういう時が降りてきたら 頑張っちゃおうかな
有難う御座います pinkuさん（いぬ）（ばい）
記事毎にタイトル画像を変える手順書ですね。
スタイルシートと言っていますか。
私はやった事が有りません。凹○~★ｺﾃﾝ！
もしよかったら、ピンキーの手順書の所にも分かりやすく書いてくれませんか？
このやり方は、皆さんがやってみたい事だと思います。
今、やっていない人も興味を持ってくれたらいいですね。
（ありがと）
（なるほど）
（ありがと）
この前、教えていただいた分ですね。
その節は、どうもありがとうございました。
物分りの悪い私に、根気よく教えていただきました。感謝の極みです。
この方法使って、ぼちぼちしています。。(私ほど物分りの悪いものは、もういないでしょうから、もう安心して｡ﾟ+.(･∀･)ﾟ+.ﾟｲｲ!!ですよ。
また、なにかのときには、お聞きするかと思います。
（おはー）
pinkuさん、今朝はまた曇っています。。。
(。・・。)(。．．。)(。・・。)(。．．。)ウンウン
やまちゃんも書かれてますね。
ピンキークラブの手順書の所へ書いて下さったら、みんなやりたい時に、
すぐできますね。
お願いします。。
やっぱり、ホームページを作る所がネックでしょうか。
なじみがないから、ちょっと面倒に感じるかも
今回のタイトル画像、とても可愛くて素敵です。。
pinkuさん、今日も素敵な時間が過ごせますように。
（おはー）
ナイスの気持玉
（ありがと）
ヤフーのフリーメールは便利です。
フリーメール楽しくてgooと＠niftyも取っちゃいました
あまり使わないけど・・・
何か参考になれば嬉しいです。
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（おはー）
ずっと前にやったものもあったから
メモに取っておきました。
それが役に立ちました。
文章が苦手なのでみんなにちゃんと伝わったか
心配です。
良かった参考になって・・・
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
た～～～～～～くさんの気持玉
（ありがと）
お礼を忘れてました
（おはー）
た～～～～～～～くさんの気持玉
（ありがと）
うさぎさんの背景動かないようにするの
今回が初めてだったのでドキドキでした。
＞メモ帳に入れていいですか？？
はいどうぞ～～
私でわかる範囲ならいつでも聞いて下さい
ってあんまりわかりませんが・・
ε=＼＿＿〇＿ ｽﾞｺｰ
ＰＳ：この前はごめんなさい
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（おはー）
た～～～～～～くさんの気持玉
（ありがと）
手順書ですか？？
わかりやすくとなると画像も必要ですね～～
頑張ってみますね。
みんなが楽しめればいいですね。
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（ぱち）が表示されてません
またまた
（もう）怒ってください
(@^^)/~~~
（おはー）
た～～～～～～くさんの気持玉
（ありがと）
参考になったかな～～
ﾏﾀﾈｯ(^ｰ^)ﾉ~~Bye-Bye!（ばい）
（おはー）
すごい時間ですね～～
この時間は夢見心地です。
はい。この前の分です。場所が違いますが・・・
大丈夫です。
私も最初何度も間違えましたから
間違ってそれに気づいて成長するんです。
私でわかる範囲ならいつでもどうぞ～～
少ないです・・・
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（おはー）
た～～～～～～くさんの気持玉
（ありがと）
（わーい）
並んでます～～
（てへっ）
う゛・・サークルになると使えないものもありそうで・・・
もしできない時は消してもらわなきゃ・・・
作るサイトいっぱいあるからね。
これ以外はほとんど未知の領域だもんね
は～～～い探しました～～加工OKの・・・
自分が褒められてるようで嬉しいです。
ふふふ・・(笑)秘密が出てきました
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
なに？なに？なに？（わからない）
ジオ？ファビ？
画像をアップさせるための場所？
んきゃーなんで記事ごとに画像を変えるのに
よそのメールとったりHP作ったりしなきゃ
ならないの？（わからない）（わからない）
わぁお～ん浦島花子だぁ～
とーっても面白そうだけど
あまりにハイレベルでついていけにゃい
そうそうそもそも
このコメント欄拡張すら私知らないんだった
でも時間があれば色々覚えたいわん
（こん）
たくさん驚いてくれて
（ありがと）
Yafooはフリーメールとってからの方が
やりやすいんです。
他のはどうか良くわかりません・・・
やればそう難しくないです。
メールのアドレスがそのままＨＰの
アドレスになるのを防ぐために
少しだけややこしいかも・・・
同じで良ければ少し手間が省けます。
コメント欄拡張方法追加しました。
赤文字の所を追加してみてください
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
ピンキーの手順書に書いてくれたんですね。
ありがとう御座います。
みなさんに使って欲しいですよね。
サポートの方もよろしくお願いします。
（ありがと）
（ありがと）
（てへっ）
せめてコメント欄拡張だけでもやって見たいわん
じ じ 時間がぁ～。。。
とれればの話だけど（なく）
うげっ主人が帰ってくる
飯したくじゃぁ～（おろおろ）
早速拡張しましたー
ありがとう♪
とっても見やすいワン
もっともっといろいろやってみたいけど
おいおいにやっていきます
ではでは
おやすみなさ～い（ぐうー）
（おはー）
pinkuさん、ピンキークラブにも書いてくださったんですね。
（ありがと）
これで皆さん、できますね。
あ、コメント欄を広げるのも書かれたんですね。
ありがと~☆ヽ(∇⌒ヽ)(ノ⌒∇)ノ☆
pinkuさん、すごいです。
早速飛鳥さん、できたんですね。
一つ一つできたら嬉しいですよね。
昨夜、ちょっとだけ三日月のお月様が見えました。。
今夜も見えるといいです。
夕方から外を見てみて。
pinkuさん、今日も楽しい一日にしましょうね。
（ばら）（おとこ）（おんな）（ねこ）（ぐー）（はーと）（ういんく）
（おはー）
さ・サポートですか・・・
わかる範囲です・・・
と言ってもそんなにたくさん知りません
（てへっ）
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（おはー）
早速来て下さったんですね。
（ないふ）食事の支度
晩御飯何かな～～
美味しそうなので白ご飯とお箸持参します。
(@^^)/~~~
再び（にゃは）
（わーい）
早速したんですね。
（わーい）
出来てよかったです。
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（おはー）
た～～～～～～～～～くさんの気持玉
（ありがと）
一回書いてみたけど反映しなかったから？？
と思いながら少し量を減らして書いたら
反映しました。
文字数制限があったようです。
コメント欄は誰でも使うので使いやすいに
越したことはないです。
たくさんの人に喜んでもらえば自分もうれしいです。
夕方は今日は強行スケジュールだ（ねこ）
時間があったら（つき）見られるかな～～
(*＾ー＾)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
初めてじゃないけど
ここでは初めてなので
よろしく お願いします（こん）
デ 記事ごとに画像が変えられる
飛びついちゃいました
css編集で上手くUPできなくて
さっそくヤフーに・・・・・・・・・順調にきましたが
ＵＰロードをクリック
ファイル名が無効？
躓いてしまいました（わからない）
よければ御指導ください
よろしく
（こん）
今日も冷たい一日になってるよねぇ（がーん）
pinkuちゃん、霜降り肉は良い状態になってますのん（わら）
今日は病院へ行って来たけどね。
診察、薬の待ち時間が長くて、何だか体の調子が
おかしくなってくる感じだよ～ん。
病院は、元気な身体でないと行けないよねぇ。
pinkuちゃん、買い物は全部揃ったかなあ？？
（くしゃみ）（ういんく）（はなぢ）
（こん）
ようこそおいで下さいました～～
お出かけしてましたので遅くなりました
（わーい）
結構先まで行ってるようですね。
レスしておきました。
どこまで進んでいるか教えてくださいね。
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（こん）
へへへ～～～
今日はおごちそうを食べたので
今お腹いっぱいで眠たくなってきました
☆ヽ(o_ _)oﾎﾟﾃｯ
病院か～～そう言えば大分行ってないな～～
そろそろ行かないと（かみなり）が落ちそうだ
買い物は土曜日行ければ電化製品だけ
そろえる予定です。
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（わーい）
出来ました
ありがとう
（わーい）
（ばら）（ばら）（ばら）
これから一段と楽しくなりそうです。
本当にありがとう
これからいろいろ挑戦したいと思います
よろしくお願いいたします
（こんば）
（わーい）
出来てます～～
早かったですね～～
私なんか数日かかりました～～
☆ヽ(o_ _)oﾎﾟﾃｯ
ﾏﾀﾈｯ(^ｰ^)ﾉ~~Bye-Bye!（ばい）
（おはー）
pinkuさん、今朝はお星様がとっても綺麗です。
昨夜のお月様が見えました。
pinkuさんは？
夜、忙しかったの？
飛鳥さんのコメント欄、見てきましたよ～。
広くなってとても書きやすくなってました。
良かったですね。
こうやってどんどん、皆さんのブログが書きやすくなればいいですね。
タイトル画像も自分で作れたら、ブログもまた
違った楽しさが出てくるでしょう。
しーちゃんさん、できたようですね。
良かったですね。
（わーい）
pinkuさん、今日も楽しい一日にしましょうね。
（おとこ）（ぴーす）（ぐー）（ういんく）
（おはー）
た～～～～～～～～くさんの気持玉
（ありがと）
月はうっすらと見えました～～
夕方は分別ごみ当番でその後定例会でした。
喜んでもらってので良かったです。
自分がやりやすいのが一番ですね。
しーちゃんさんすぐ出来ました。
すごいです・・・
色んな処変えられるとまた楽しくなりますね
(*^ー^)ﾉ☆｡･:*:.･★,｡･:*:.･☆マタネー（ばい）
（おはー）
なるほどの気持玉
（ありがと）
（ばい）