• 締切済み

gooブログテンプレートカスタマイズの仕方

現在gooブログ有料版を契約してこれからブログを作ろうと思っているのですが、テンプレートをオリジナルの写真を使ったテンプレートにしたいのですが、どのようにしたらいいでしょうか、以前に一度お教えいただいたのですが、写真の加工や大きさ、保存ダウンロードの仕方が悪いのか、なかなかうまくいきませんでした。以前に教えていただいたときは、CLアドバンスはCSSの中に日本語でコメントが書かれていますので 下記部分でコメントの通り、background-imageの前の /*-- と 最後の --*/ を消して /user_image/xx/xx/xxxx.jpg となっている部分に 画像のURL... を入れるようご回答いただいたのですが、うまくいきません、ご回答をくださった方にはまことに申し訳ないのですがもう少し詳しくお教えくださいお願い致します。 今テンプレートは、CLアドバンスを選択しております。 ちなみに私のブログのURLはhttp://blog.goo.ne.jp/portonheurこちらです。

みんなの回答

回答No.2

画像URLの指定が間違っています。 background-image:url(<img src="http://blogimg.goo.ne.jp/・・・・・.png">.jpg); ではなく background-image:url(http://blogimg.goo.ne.jp/・・・・・.png); のように指定します。 CSSの中に画像を表示するためのimgタグを埋めてもちゃんと表示されません

lamascotte
質問者

お礼

親切丁寧にご回答いただき有難うございます。 ですが次のように書き変えてみましたが、プレビューで確認しても表示されません、私の画像処理、保存方法、ダウンロードの仕方が悪いのかわかりませんが、私には無理なようです。せっかく有料で契約してブログを始めようと思いましたが、テンプレート編集が終わらないと、ブログも書く気にもなれないので、他のプロバイダーで、簡単にオリジナルのテンプレート設定できる有料サイト探します。 /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/ background-image:url(http://blogimg.goo.ne.jp/user_image/60/34/737776d5d857ee99ffc127b8b13a0b72.png); background-position: center top; background-repeat:no-repeat; /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/ height:200px; せっかくお教えご指導いただきましたのに申し訳ありませんでした。

回答No.1

ブログのURLよりも前に回答したように 下記箇所をどんなふうに記述したか書いてもらわないと 詳しいアドバイスは不可能です。 /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/ background-image:url(???.jpg); background-position: center top; background-repeat:no-repeat;

lamascotte
質問者

お礼

お答えいただきありがとうございます。そうですよねどう書き換えたか詳しく書かないとわかりませんよね。すみません下記のように書き変えてみたのですが。まず画像フォルダーに加工した画像をアップロードし、アップロードした画像をクリックし、貼付け用のタグ(オリジナル)の横に出ているURLをクリックコピーしてコピーして貼り付けたのですが、その他にもいろいろ試してみてプレビューで確認しても変換されていませんでした。何がいけないのでしょうかわかりません。記事投稿で試してみましたら画像はちゃんと記事に掲載されるのですが、テンプレートだけは変換表示されません。どうかお手数でしょうが詳しくお教えくださいお願い致します。 /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/ background-image:url(<img src="http://blogimg.goo.ne.jp/user_image/60/34/737776d5d857ee99ffc127b8b13a0b72.png">.jpg); background-position: center top; background-repeat:no-repeat; /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/ height:200px;

lamascotte
質問者

補足

何とかテンプレートのオリジナル化に成功しました。心よりお礼申し上げます。 本当に有難うございました。

関連するQ&A

専門家に質問してみよう