前田昭宏の全力疾走!! By富士 › IT活用ネタあれこれ
› 簡単ブログカスタマイズ!画像編
2011年06月18日
簡単ブログカスタマイズ!画像編
Tweet最近よくブログを自分の好きな画像にしたいという話を聞くので、
誰でも簡単に出来ちゃう変更方法を紹介しちゃいます!

今回使ってみたのは、イーラブログで最近追加されたテンプレート。。。
誰でも簡単に出来ちゃう変更方法を紹介しちゃいます!

今回使ってみたのは、イーラブログで最近追加されたテンプレート。。。
【2カラム キッズ】

このテンプレートを使ってヘッダー(ブログ上部)の画像と背景画像
そして、サイド・ブログ本文記事部分の画像変更をしてみます。
【カスタマイズ方法】
1.まず、変更したい画像4種類を用意して、「画像一覧」から
アップロードしておきます。
☆ヘッダー画像(ブログ上部の画像) サイズ:850 × 300px

☆背景画像 サイズ:144 × 144px

※今回は白い背景画像を使用
☆ブログタイトル部分の画像 サイズ:618 × 49px

☆サイドバーのタイトル部分の画像 サイズ:193 × 38px

2.次に、ブログ管理画面サイドバーから「テンプレート」を
クリックして、変更したいテンプレートの「カスタマイズ」を
クリックします。

3.続いて、「スタイルシート」の画像参照部分を変更します。

※「スタイルシート」の変更箇所は以下の4箇所です。
【#banner】
//img01.i-ra.jp/usr/sample25/kidstitle_cyn.jpg
【#container】
//img01.i-ra.jp/usr/sample25/kidsbg.jpg
【.blogbody】
//img01.i-ra.jp/usr/sample25/kidsblogtl.png
【.sidetitle】
//img01.i-ra.jp/usr/sample25/kidsside.png
4.下記の方法で事前にアップした画像を「画像一覧」から確認して
アップロード先のURLをコピーして変更します。

※画像をクリックして表示された画像のURLバーのURLをコピー

5.あとは、「変更」ボタンを押して、変更した「テンプレート」を
適用するだけです。

これで、自分の好みの画像を使ったオリジナルテンプレートに
早変わり。。。 是非お試しを!

このテンプレートを使ってヘッダー(ブログ上部)の画像と背景画像
そして、サイド・ブログ本文記事部分の画像変更をしてみます。
【カスタマイズ方法】
1.まず、変更したい画像4種類を用意して、「画像一覧」から
アップロードしておきます。
☆ヘッダー画像(ブログ上部の画像) サイズ:850 × 300px

☆背景画像 サイズ:144 × 144px

※今回は白い背景画像を使用
☆ブログタイトル部分の画像 サイズ:618 × 49px

☆サイドバーのタイトル部分の画像 サイズ:193 × 38px

2.次に、ブログ管理画面サイドバーから「テンプレート」を
クリックして、変更したいテンプレートの「カスタマイズ」を
クリックします。

3.続いて、「スタイルシート」の画像参照部分を変更します。

※「スタイルシート」の変更箇所は以下の4箇所です。
【#banner】
//img01.i-ra.jp/usr/sample25/kidstitle_cyn.jpg
【#container】
//img01.i-ra.jp/usr/sample25/kidsbg.jpg
【.blogbody】
//img01.i-ra.jp/usr/sample25/kidsblogtl.png
【.sidetitle】
//img01.i-ra.jp/usr/sample25/kidsside.png
4.下記の方法で事前にアップした画像を「画像一覧」から確認して
アップロード先のURLをコピーして変更します。

※画像をクリックして表示された画像のURLバーのURLをコピー

5.あとは、「変更」ボタンを押して、変更した「テンプレート」を
適用するだけです。


これで、自分の好みの画像を使ったオリジナルテンプレートに
早変わり。。。 是非お試しを!
『簡単ブログカスタマイズ!画像編』についてのコメント
はじめまして こんにちは。
足あとからきました。
この記事を拝見して これは!と思いチャレンジしてみました。
ダメならそれでもいいや・・(^_^;)でもやらずにいるのはつまらない!
PCが苦手なアナログな私でもなんとかできました。
写真の撮り方 処理に問題ありだなーという感じですが
ずっと変えたかったのでうれしいです。
ありがとうございました!
足あとからきました。
この記事を拝見して これは!と思いチャレンジしてみました。
ダメならそれでもいいや・・(^_^;)でもやらずにいるのはつまらない!
PCが苦手なアナログな私でもなんとかできました。
写真の撮り方 処理に問題ありだなーという感じですが
ずっと変えたかったのでうれしいです。
ありがとうございました!
Posted by ちょーく
at 2011年06月21日 16:18

☆ちょーくさん
わざわざコメントありがとうございます。
イーラ・パークのブロガーさんが少しでも、ブログを楽しめるよう、
誰でもできるブログ活用方法なども小出しではありますが、
アップしますので、楽しみながらブログ更新してくださいね。
わざわざコメントありがとうございます。
イーラ・パークのブロガーさんが少しでも、ブログを楽しめるよう、
誰でもできるブログ活用方法なども小出しではありますが、
アップしますので、楽しみながらブログ更新してくださいね。
Posted by 前田 昭宏
at 2011年06月21日 23:11
