ブログテンプレートにオリジナルの画像を利用する方法ですが、
今回は管理画面から普通に画像をアップロードして、その画像を使うことにしました。

画像のアップロードは通常通り行い、画像のURLをゲットしてきます。
画像ファイル名アップロード前に半角英数にしましょう。

1.管理画面の左メニューから
 ・記事を書く → 「画像一覧」
2.画像を選択してアップロード
ブログテンプレートの画像の変更


3.アップロードが完了したら、使いたい画像をクリック
ブログテンプレートの画像の変更


4.画像のURLをコピーする。
ブログテンプレートの画像の変更


拾ってきたURLを
テンプレートのカスタマイズページの
左メニュー「テンプレート」
 ↓
選択可能一覧該当テンプレートの編集欄の「カスタマイズ」
 ↓
スタイルシート 枠
CSSの該当部分に例えば以下のように記入して使います。


background: url(http://img01.noramba.net/usr/kiki/wrap.jpg) no-repeat;

こんな感じで、当ブログのタイトル部分のようにオリジナル画像を利用できます。

このやり方の問題はブログの画像などが容量制限を超えると消えてしまうかもしれないこと。
その際は画像を再度アップするなどしなければならないでしょう。

Posted by キ  at 23:26 │Comments(0)のらんばブログ
上の画像に書かれている文字を入力して下さい


同じカテゴリー(のらんばブログ)の記事画像
CSS
のらんばブログに動画を挿入するには
お花ミーティングのバナー
ブログ講習会 in 大村
いいね!ボタンについて改善要望
のらんばブログのFacebook武装
同じカテゴリー(のらんばブログ)の記事
 CSS (2011-11-20 23:27)
 のらんばブログに動画を挿入するには (2011-10-01 00:19)
 お花ミーティングのバナー (2011-09-30 19:40)
 ブログ講習会 in 大村 (2011-09-24 23:24)
 いいね!ボタンについて改善要望 (2011-09-24 19:41)
 のらんばブログのFacebook武装 (2011-09-22 01:52)



To Blog TOP