ウェブリブロガーのためのBlogPet超初心者用設置方法解説(4)

今回は画像設定です。
今、ペットの背景はグレーのグラデーションになっていると思います。
この背景と、飼い主の画像を設定してみましょう。
ペットの背景は、あると楽しいですし、
飼い主の画像も、あると飼い主さん同士の交流が華やぎますし(笑)

では、背景設定から。
普通のペット背景は130 x 150px(ピクセル)です。
ですから、このサイズの画像を作るなり、用意するなりします。
絵が描けなくても大丈夫。
BlogPetにはたくさんの背景作家さんがいます。
検索しても、すっごく出てきます。
そのサイトさんの使用条件をよく読んで、お借りしてきましょうね。

ここでも配布していますが、
うちでは、↓こんなカンジです。
☆ BlogPet背景設定方法について
☆ ペット背景お持ち帰りの方へ【お願い】
☆ 画像使用のQ&A
☆ サイト・ポリシーなど・・・

【悪い例】


上のリンク内の記事を読んでいただけたら、大まかなコトはわかると思います。
が、ウェブリ用にもう少し突っ込んで説明します。

1.画像を用意する。
2.画像をファイルマネージャーでアップする。
3.ファイルのアドレスを取得する。
4.ペットの背景に設定する。

1.画像を用意する。

自分でHPを作ったことがある方なら、
まずここでは引っかからないと思うのですが。
BlogPetに使える背景のファイル形式はJPEGかFLASHです。
しかし、ウェブリでは、FLASHの背景はアップロードできません。
HPを持っている方は、そちらにアップして使うのが賢明でしょう。
ウェブリだけで背景画像を設定するには、まず「.jpg」形式の画像を用意します。

☆用意するときの注意点☆
自分のPCに保存する際、全角文字、半角かな、記号等はNGです。
使える記号は「_(アンダーバー)」と「-(ハイフン)」くらいです。
半角英数だけで保存するのが、間違いが無くていいです。
自分で作る場合、プログレッシブファイルにしないよう、注意して下さい。


2.画像をファイルマネージャーでアップする。
保存したファイルをサーバーにアップします。
まず、ブログの新規作成画面を開いて下さい。
画像



赤丸の中の、どちらかのボタンでアップします。

・「画像貼付ボタン」
こちらを押すと、アップローダーが起動します。
画像

「参照」ボタンを押して、ファイルを選んだら、
「画像容量を小さくする」のチェックボタンを外して、「アップロード」ボタンを押します。
アップロード後、画像を貼り付けるかどうか聞いてきますので、
そのまま貼付を行って下さい。


・「画像リストボタン」
こちらを押すと、ファイルマネージャーが起動します。
画像

「参照」ボタンを押して、ファイルを選んだら、
「画像容量を小さくする」のチェックボタンを外して、「アップロード」ボタンを押します。
既にファイルが存在する場合は、一番下に追加されますので、
「ファイルURL添付」ボタンを押して、記事に画像貼付タグを入れて下さい。

好みや使いやすさがあるとは思いますが、
個人的には「画像リスト」の方を使用した方が、後々のためには、いいかと。
過去の画像も貼れますし、管理も出来ますから。


3.ファイルのアドレスを取得する。
貼り付けたタグの記述は、
<a href="http://userdisk.webry.biglobe.ne.jp/xxx/xx/xx/x/xxxxxxxx.jpg" target="_blank"><img src="http://userdisk.webry.biglobe.ne.jp/xxx/xx/xx/x/xxxxxxxx.jpg" width="xxx" height="xxx" align="xxxx" class="up-image" alt="画像" title="画像を等倍で表示します" /></a>
このようなカンジでしょうか。
赤い文字と、緑の文字は、同一のものです。
この、http://~.jpgの部分をどちらか一つ、コピーします。


4.ペットの背景に設定する。
BlogPetの設定画面に戻りましょう。
「ログイン」→「設定」→「ペット」と進み、ペットの設定画面の、
「背景設定」の欄に、先ほどコピーした画像のURLを貼り付けて、
一番下の「設定」ボタンを押します。
左上のペットの背景が変わったでしょうか?
変わらない場合は、間違いがないか、良く見直して下さい。
キャッシュファイルが残っていると、表示されない場合もあります。
その場合は、一度ログアウトして他の場所を巡るか、
ブラウザを閉じてみましょう。
・・・・キャッシュファイルを削除する方法をご存知でしたら、
それが一番確実です。ええ。
(ブラウザによって方法が違うので、ここでは割愛。)


あなたの画像を設定してみましょう。
基本的には、上と同じ方法です。
ただし、画像サイズは50 x 50pxです。
これも、配布サイトはあります。
うちでも配布していますが、よく使われているのは、
Silver Heart様の「あなたの画像アイコン」の様ですね。
こちら、かなりの優れものですので、利用規約をちゃんと読んで、
使わせていただくのが宜しいかと。
かわいいんだものねぇ☆

画像アップ等の方法は、上記と同じです。
画像のURLがコピーできたら、
「設定」→「プロフィール」で、「あなたの画像URL」の所に、
貼り付けして、一番下の設定画面を押せば、出来上がりですw

「プロフィール」って書いてある下の、自分の名前の左に、
先ほど貼り付けした画像が表示されていれば、オッケーです♪


さて。
フレームも設定してやらなくては、いけませんね(=^-^=)
POCでない方は、オリジナルフレームが使えませんので、
デフォルトの中から、好みのフレームを選んで設定します。
ルートは、
「設定」→「ペット」→「フレーム選択」です。

上段、左から「デフォルト」「COOL」「ゴシック」

画像画像画像


中段、左から「アジアン」「ファンシー」「ポータル」

画像画像画像


画像画像


下段、左から「ブロック」「アクア」です。

・・・そう言えば、一覧ってないなぁ☆
背景とか、ブログデザインとかに合わせて変えるのも楽しいですよ。



ああ、大切なことを書くのを忘れたっ!
ウェブリブログの方の設定で、

サイドバーは「表示」設定にしててくださいね(爆)

「設定」→「基本設定」→「ブログレイアウト」で設定。
サイドバーを下に置くと、訪問者が気付かないコトがあるので、
ある意味、色んな使い方が出来ます(笑)

「設定」→「表示項目設定」→「フリースペース」で、
トップページのみの表示か、トップ&記事ページ表示か、
記事ページのみの表示か選んでチェックボックスをオンにしてください。

コレやってないと、表示しないでし☆
ま。。。。まあ、普通は途中で気付くケド。
ってか、気付かないとおかしいケドね(滝汗;)



大体のことは終わりました。
ココで終わっても、何の問題もナシ☆です。
基本編はココで終了です。


次回は、問題の。。。。。。
質問事項、満載の。。。。。。
「俳句集設定」やりましょうかf(^_^;)
今日は、もうやらない、、、、、疲れた(爆)

気が向いたら、また解説します。


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

2006年05月15日 17:43
ごくろー様でしたね。とてもわかりやすくて、
自分でBlogPetを設置したいという人には十分すぎるぐらいの懇切丁寧な説明ですね。yozoはエキブロなので、設置方法を質問されることがあります。でも
BlogPetをここまで丁寧に説明したりはしません。
本当に感服しましたよ。ますます押しかけファンになるyozoです。(爆)
これからは、まこさんのこのページを案内させていただきますね。
柴成
2006年05月15日 22:01
yozoblog様、いらっしゃいませ♪
質問を遠慮して、設置しない方もいらっしゃるでしょうし、答える私の時間も有限ですし。
で、出来るだけ細かく説明してみました。
でも、ここはウェブリ用なので、他のブログの方のお役に立てるかどうかは、甚だ疑問です(汗;)
ちなみに。
この説明のために、一匹ペットを飼う羽目に(爆)
2006年09月08日 20:51
|・ω・`)ノとても参考になりました。
ありがとうございます。
(`・ω・´)b
柴成
2006年09月10日 22:55
(わいん)パット様、初めまして。
ご参考になりましたか?
良かったです(*^-^*)
背景も設置できているみたいですね。
ご訪問ありがとうございました。

この記事へのトラックバック