グーグルの無料ブログであるbloggerについて

質問

最新版のbloggerのテンプレート変更の方法についてお聞きしたいです。
無料のテンプレートから画像を取得したのですが、それが全くアップロードしてくれません。ものすごく悩んでいます。すみませんが力を貸して下さい！
http://blogspottemplates.blogspot.com/　「blogger templates」というサイトで無料のblogger対応のテンプレートをダウンロードしました。

上から10個目にあるお花のテンプレートです。これをどうしても使用したいのですが、アップロードしようとすると、oops!oops!oops!の文字だらけになってしまいます。
どうしたらかわいいブログを作ることが出来るんですか？
私はbloggerの初心者です。以前はアメーバブログをしていました。あまりhtmlには詳しくないです。
また「そこのサイトのは使えないよ」等のオンリーアドバイスは寂しくなるのでご遠慮願います。

回答No.1

cametan_42 · ベストアンサー

う～～ん、マニュアル読んでないだけ、だと思うんですが……。

ご指定のページ、

Blogger Templates:
http://blogspottemplates.blogspot.com/

にはキチンとHow toのページもあるんですよね。

Using the Template (テンプレートの使い方):
http://blogspottemplates.blogspot.com/2004/11/using-template.html

まあ、これ読んだら特に問題が生じないんですが……。
ひょっとしたら「英語が読めない」だけかもしれないんで、箇条書きにHow toを書いていきます。

1.欲しいテンプレート(この場合はhttp://filekeeper.org/download/xtasy010/Pink%20Flowers.zip)をダウンロード/解凍する。

2.フリーのホスティングサイト

Photobucket:
http://photobucket.com/

と契約を結ぶ。
ここに解凍して得た.jpgイメージ画像を「17インチサイズ」でアップロードする。

3.アップロードした画像のURL(マウスポインタを画像に合わせた時に出現する"Direct Link"内のアドレス)をコピーしておく。

4.ダウンロード/解凍した.txtファイル(この場合はpink flowers.txt)をメモ帳で開く。

5.検索機能(例えばCtrl-f)で次の文字列

http://replace.photobucket.com/albums/replace/

を探し出して、それを先ほどコピーしたURLアドレスで置き換える。

注:replaceだけで探し出せると思います。具体的にはOuter-Wrapper内に#body-wrapperと言うのが定義されていて、その中に"background-image:url();"と言う項目があって、それが写真のアドレスを指し示さないといけません。

6.Bloggerのダッシュボードから[レイアウト]→[HTMLの編集]から、修正したテンプレート(pink flowers.txt)をアップロードする。

7.[テンプレートを保存]する。

で完了です。

お礼

ありがとうございます。実際に1～7番までやってみたのですが、、、できません（；＝；）何が悪いのかもさっぱりわかりません。

回答No.2

cametan_42

＞ありがとうございます。実際に1～7番までやってみたのですが、、、できません（；＝；）

いや、出来る筈ですよ。間違えてなければ、ですね。

と言うのも、僕自身が昨日、投稿前に手順を確認してるから、です。んで、実際に出来たわけです。
ですから、「どっかで間違えた」って事でしょうね。

＞何が悪いのかもさっぱりわかりません。

そう言う質問がこっちもさっぱり分からなくなるんですよ(笑)。何せ、手元に「貴方が何をしたか」のデータがあるわけじゃない、んです。
考えうるパターンとしては……。まず次の3つのうちのどれか、ハッキリさせておきたいんですが、

1.Photobucketに写真がアップロード出来ていない。
2.テンプレートのファイルそのものがアップロード出来ない。
3.単に写真のアドレスを貼り付ける場所が間違っている。

1.は英語のサイトではありますが、まあ、普通に考えるとホスティングサイトへの登録なんかはまあ、誰でもある程度やれますよね。
(例えばYouTube登場初期、英語のサイトにも関わらず多数の日本人が登録していましたし)
2.だとすればこれは困ります。Bloggerが故障してるか、あるいは使用ブラウザがGoogleが想定していないもの(例えばOperaとかSafariとか)の可能性があります。まあ、レアケースでしょうけど。
3.写真のホスティングサービスへのアップロードもOK、テンプレートのアップロードもOK。でも写真が表示出来ない、とすれば簡単です。URLのテンプレートへの貼り込み場所を間違えてる、だけですね。あるいはURL自体を間違えているか。
もう一回書いておきますが、ダウンロードして解凍したテンプレートの148行目辺りに次の記述があります。

/* Outer-Wrapper
----------------------------------------------- */
#body-wrapper {
background-image:url('http://replace.photobucket.com/albums/replace/flower_bg.jpg');
background-attachment:fixed;

ここの

http://replace.photobucket.com/albums/replace/flower_bg.jpg

この部分をPhotobucketにアップロードした写真(flower_bg.jpg)のアドレスで置き換えるんですよ?

まあ、もう一回トライしてみて下さい。
サンプルとして作った「捨て晒しブログ」を暫くは放置しておきます。
ご覧のように、「何もミスしなければ」貴方の望んだテンプレートはBloggerに貼り込む事が出きるのです。

参考URL：

http://oshiete1goo.blogspot.com/

お礼

やっとできました。ありがとうございます。
すごく親切にそして丁寧に分かりやすく教えていただき本当に感謝しています。