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

一番質問の多い、俳句集設定
前回の続きです。
今回は、サイドバーに文字と、画像を表示する方法です。
「してみたいけど、よくわからない」方への解説・ウェブリ版です☆

まず、前回も書きましたが。
『BlogPet俳句集』は、『あたまがうにになる』のLanタソ様が、
個人で提供されているものです。
ですから、いつシステムが停止しても、
サーバーが落ちても、
こちらから、文句を言ってはいけません。
何があっても、自己責任です。
その辺も、わきまえておきましょう。

商標・著作権に関して
「BlogPet」は、株式会社ワークアットの登録商標です。
「ブログペット」「ぶろぐぺっと」は、商標です
「BlogPet」に関する著作権および一切の知的財産権は株式会社ワークアットに帰属します。


で。
とにかく、やってみましょう。
一人でやってると難しい気もするんだけど。
やってみたら別段、難しくないので。
ウェブリは、そう難しくなく、設置できます。
ブログによっては、cssいじらないと出来ない所もありますから☆

まず、文字を表示するスクリプトを手に入れます。
【BlogPetの俳句集】
詳しい内容は、かならず上記ページへ行って、きちんと読んでくださいね

んで、スクリプト。
<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_usr.php?url=ブログのURL&cnt=表示件数&charset=文字コード"></script>

※見やすくするために「:」を全角で入れています。
コピペする場合は、半角英数に書き直してください。



『ブログのURL』は、自分のブログのトップページです。
『表示件数』はお好きな数で。
でも多いと重いので、3~5程度が妥当かと☆
『文字コード』は、ウェブリはSJISですから、↓それを代入。
<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_usr.php?url=ブログのURL&cnt=表示件数&charset=SJIS"></script>

※見やすくするために「:」を全角で入れています。
コピペする場合は、半角英数に書き直してください。



このスクリプトを、サイドバー(フリー・スペース)にある、
BlogPet貼付タグの真上か、真下に付け足します。
間に余計なモノがあると、表示がおかしくなりますから、注意してください。

『設定』ボタンを押して、確定したら、
自分のブログを見てみましょう。
ちゃんと 表示できていれば、成功です。

【貼付おさらい・BlogPet貼り付け時と同じ作業です】
「設定」→「表示項目設定」→「フリースペース」の「編集ボタン」をクリック。
先ほどコピーした貼付タグをペースト(貼り付け)してください。
で、「設定」ボタンを押します。


画像

こんなカンジw




次。
短冊画像表示です。
これは、上の文字表示と併用できます。
このブログも、そうしています。
【ブログペットの俳句を画像で】を、まず、読んでください。

「全体から最新の一句を表示」
「全体からランダムで一句を表示」
「自分のBLOGから最新の一句を表示」
「自分のBLOGからランダムで一句を表示」
と、種類があります。

一番使われているであろう、
「自分のBLOGから最新の一句を表示」で、説明していきますね。
<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_png.php?url=ブログのURL&charset=文字コード"></script>

※見やすくするために「:」を全角で入れています。
コピペする場合は、半角英数に書き直してください。


上で説明した、俳句文字表示と同じ要領です。
自分のブログのトップページURLと、文字コードを入れます。
これを、ペットの貼付タグの真上か真下に貼り付けます。
文字の俳句集表示がある場合は、その上か下でも可。

これで表示できれば、成功です。

短冊画像を自分で用意したい場合は、上のタグに追加します。

<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_png.php?url=ブログのURL&charset=文字コード&bg=背景のURL"></script>

※見やすくするために「:」を全角で入れています。
コピペする場合は、半角英数に書き直してください。(くどい?)


短冊画像のサイズは、「110 x 260px」です。
背景画像の種類は、jpeg、png、gif、bmpに対応しているそうですが、
bmpは避けた方がよいと思います。
MACの人が見られませんから☆

画像は自分のサイトで保存したモノを使用します。
【参考: ウェブリブロガーのためのBlogPet超初心者用設置方法解説(4)

画像「ここあ」なので、句はアレですが、
こんな風に出てれば、成功です♪



よく間違っているケースとしては、
  • 背景画像URLが間違っている
  • コピペ時に、文字が欠落している
  • 全角、半角、記号の記述違い
  • スクリプトの途中で改行している

があります。
あと、ペットが俳句を詠まない限り反映されませんので、ご注意を。
サーバーダウン時も、反映しませんけれども。
その場合は、気長に復活を待ちましょうね(=^-^=)


俳句の文字表示で、投稿時間は消せます。
文字コードに続けて
&date=no
をつけたせば、日付が表示されなくなります。

ですが、リストのドットは、ウェブリではうまく消せません。
(俳句の前に付く「・」です☆)
cssでいじってみたのですが。
どうも、元々のウェブリの仕様の方が勝るようです。
(テンプレートによっても変わっちゃうのでxxxx)
うまくいじる方法がありましたら、ご一報ください♪
・・・cssわからない人は、あまりいじらない方がいいかも★


では。
楽しいBlogPet俳句ライフを送りましょう~♪


【参考】
BlogPetアフィリエイトタグを貼ってみる







ブログ気持玉

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

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

→ログインへ

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

気持玉数 : 0

この記事へのコメント

happy-megumi
2006年08月06日 19:27
ありがとうございました。大変参考になりました。ブログペット初心者です。背景画像も少し頂戴させて頂きましたm(__)m
柴成
2006年08月06日 20:25
happy-megumi様、こんにちはw
残念ながら、このBlogPet俳句集は現在停止されていますので、この記事はあまり参考にならなかったですねm(_ _;)m
前出の設定は充分使えますので、頑張って下さい。

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