Blog Petココログ(ベーシックコース)で


ブログ初心者の私が設定した方法です。
(私の場合ですので真似する方は自己責任ですよ)
Blog Petとは?
Blog Petの申し込みと設定
Blog Petをココログに住まわせるぞ!
Blog Petの隣に □(四角) が!?
Blog Petに背景を...
折角ですから足跡をどうぞ



Blog Petとは?

このように自分のブログの中に言葉を覚えるペットを飼う事です。
ペットの種類は現在恐らく5種類(うさぎ、パンダ、犬、猫、ねずみ)
設置されたブログに書かれた事から言葉を覚え
ペットをクリックした時は勿論、何か言ってくれますが
自分の代わりにブログを書いてくれたり、コメントをくれたりするらしいです。
しかも! アクセス解析までしてくれるのですっ!<(`^´)>←何故か威張る


Blog Petの申し込みと設定

申し込みや設定はここをクリック。
申し込みに関しては、特別難しい事は、ありませんでした。

申し込みが終わったら『[BLOG PET]登録確認メール』が登録したメールアドレスに届く。
そこに記載されたURLで本登録を済ませ、TOPページ右上よりログイン。

どの設定も設定後に決定/変更ボタンを押すことを忘れないよう...。
青字の無い項目は、設定ページに用意されている(HELP) や?を駆使すれば簡単でした。
(基本設定)のページ(ログイン後一番最初に表示される。)
■BlogPetの名前(設定していないと名前がペットの種類になります)
■あなたの名前(ニックネーム)
■背景画像(設定しないと背景がデフォルトグラデーション背景になります。)
  ここは、後から背景を用意できてから設定。
■フレーム選択(設定しないとデフォルトのフレームが選ばれます。)
  ここは、デフォルトでも良かったのですが適当に選ぶ。
■BlogのURL(正しく設定してないとアクセスログが取れません。)
  自分のブログが表示されるURLを。
  私の場合 『http://pine-cone.cocolog-nifty.com/』。
  個人個人で違いますので↑これをコピーしたりしないように(笑)
■BlogのRSS(正しく設定してないとペットが言葉を覚えません。)
  分からなくても大丈夫RSSを探すボタンを押せば分かりました。
■コード生成
  他の設定が終わるまでちょっと置いとく。
(基本設定)の隣の(Blog設定)をクリック
■Blogの投稿用APIのURL
  分からなくても大丈夫投稿用APIを探すボタンを押せば分かりました。
■BlogID
  自分のブログの投稿とか設定をするページを開いた時のアドレスバーに出るURLの最後の所
  *******weblog/post?blog_id=??????
  ??????の部分の数字を入れればOK。
■BlogのユーザーIDとパスワードの設定
  ココログのユーザーIDとパスワードです。
■Blogの文字コード
  ココログの場合はUTF-8みたいです。
■コード生成
  再び他の設定が終わるまでちょっと置いとく。
(基本設定)の隣の(Blog設定)の隣の(機能設定)をクリック
  欲しい機能、いらない機能で色々選ぶ!


Blog Petをココログに住まわせるぞ!
はっきり申しまして登録までは、とても簡単でした。 
ここで初めてさっきまでちょっと置いておいた■コード生成が登場します。
■コード生成
設定を反映したコードを表示します。
下記のコードをコピーしてBlogの表示したい場所に貼り付けてください。
  枠の中をコピーする。

自分のココログの投稿、設定ページを開きマイリストを開く。
右側に表示されているマイリストの新規作成を設定。
1リストのタイプ: → リンク
2リストの名前: → 適当に好きなタイトルを(笑)
 [リストの新規作成]ボタンを押す。
開いたウィンドウ[管理]の下に[項目の追加]があるのでクリック
小さいウィンドウが開く。
上のほうの『タイトル:』や『URL:』は無視(多分これでOK)
メモ:』欄ここにBlog Petのサイトでコピーした■コード生成欄の文字を貼り付け
[追加]ボタンを押す。
元のウィンドウ、[管理]の隣[設定]をクリック
一番下
メモの表示:→テキスト表示を選択
(メモの表示:の上にある表示順:は[古いものが上]を選択した方がいいかも)
後は、自分のブログのデザイン、編集からコンテンツや並べ替えの設定で
表示できるように選択。


Blog Petの隣に  が!?
アクセス解析のせいだとかで小さな四角が出ちゃうときは、
マイリストのBlog Pet用に作ったリストに[項目の追加]をします。
[メモ:]欄に以下の文を貼り付けました。

<style type="text/css">
<!--
.sidebar img { border:
0px; }
.photo img { border: 1px solid #333333; }
-->
</style>

このリストを作ってもダメな場合は、上記
(メモの表示:の上にある表示順:は[古いものが上]を選択した方がいいかも)
って事で...それでもダメなら私にはお手上げです。


Blog Petに背景を...
<画像作成の注意点>
・130(幅)×150(高さ)ピクセル
・画像の保存形式はJpeg
・プログレッシブモードを無効
画像はJpeg。時々Blog Pet用となっている画像がJpegじゃない事があるので注意です。
もう少し愛着が湧いたら自分で作るかも知れませんが今のところはBlog Petファンの方の作品をお借りしています。
一旦画像を右クリック自分のパソコンに保存。
それから、自分のHPのフォルダにFTPしても良いでしょうしBlogにUPしても大丈夫です。
画像をUPしたらBlog Petにログイン(基本設定)のページ
“■背景画像(設定しないと背景がデフォルトグラデーション背景になります。) ”
の所に↓ってなかんじで
http://*******.cocolog-nifty.com/????/○○○.jpg
*******は自分のブログ
????はブログに新しく作ったフォルダ名
○○○は、画像ファイルの名前です。