BlogPet のこうさぎ 「みちる」 を飼い始めましたv
名前の由来は･･･
BlogPetを新規登録したとき、頭の中にはなぜか 「ちるちるみちる」 という言葉がリフレインしていたから･･･(´ﾍ｀；)

最初は1匹で満足していたのに、結依さんも BlogPet の可愛らしさに虜にされた一人なのでしょうか。
こんな感じで、最終的には全種類飼ってそうな予感（苦笑）

あたまがうにになる 様の BlogPetの俳句集 では、BlogPetの背景画像を特定のものに指定するだけで、皆のペットが詠んだ俳句が表示されます。

その俳句の中から、KOROPPYの本棚 様の 自分専用BlogPet俳句集をサイドバーに表示 を参考に、自分のペットが詠んだ俳句だけをサイドバーに表示してみました。
表示例は、当ブログサイドメニューの 「BlogPetの俳句集」 を参考にしてください。

KOROPPYの本棚 様で紹介されている 自分専用BlogPet俳句集をサイドバーに表示 をもとに、簡単に設定方法を解説していきます。
※ SPECIAL THANKS　：　KOROPPYの本棚

当ブログで使用しているタグは以下の通り。

<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_usr.php?url=http://chocolatblog.blog8.fc2.com/&cnt=5&charset=EUC-JP"></script>

上記タグを参考に、以下のようにご自分のブログにあわせて変更してください。

※ http://chocolatblog.blog8.fc2.com/　⇒　自分のブログURLに変更
※ 5　⇒　表示する件数

つまり、次のようなタグになります。

<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_usr.php?url=ご自分のブログURL&cnt=表示する件数&charset=EUC-JP"></script>

※ charset=EUC-JP は、ブログの文字コードの設定ですが、FC2は 「ECU-JP」 ですので変更する必要はありません。

BlogPetの俳句集一覧リストの表示方法を、CSS（スタイルシート）によって変更することも可能です。　その場合は、JavaScriptタグを「div」で囲んであげましょう。

[READ MORE...]

<div class="blogpethaiku">
<script type="text/javascript" src="http://sudori.net/blogpet/haiku/haiku_usr.php?url=http://chocolatblog.blog8.fc2.com/&cnt=5&charset=EUC-JP"></script>
</div>

上記のようにBlogPetの俳句集を「div」で囲み、そのクラス名を「blogpethaiku」とした場合、CSSは以下のようになります。

/* BlogPetの俳句集 */
.blogpethaiku {
　overflow-y:auto;　/* 自動的に縦方向だけスクロールバーを表示 */
　height:100px;　/* 俳句集を表示するスペースの高さ */
　margin:3px 5px 10px 8px;　/* 俳句集を表示するスペースの余白（左から「上」「左」「下」「右」）　*/
　font-size:10px;　/* リスト文字以外の文字サイズ */
　font-family:Verdana;　/* リスト文字以外のフォント */
}

.blogpethaiku ul {
　list-style:none;　/* リストマークの設定（マーク非表示） */
　margin:0px;　/* 全体の外側スペースの余白 */
　padding:0px;　/* 全体の内側スペースの余白 */
}

.blogpethaiku li {
　font-size:10px;　/* リスト文字のサイズ */
　font-family:Verdana;　/* リスト文字のフォント */
　margin:0px 0px 0px 3px;　/* 各リストの外側スペースの余白（左から「上」「左」「下」「右」）　*/
　padding:0px 0px 5px 0px;　/* 各リスト内側スペースの余白（左から「上」「左」「下」「右」）　*/
}

CSSに関して分からない部分があれば、chocolat* メインサイト の スタイルシート を参考にしてくださいね。

[...HIDE MORE]

KOROPPYの本棚さんが運営する、BlogPetの後姿ラブリー同盟用バナーを、ロリポブログからこちらに移動させました。

後姿ラブリー同盟 に参加されている方で、当バナーを気に入ってくださるという奇特な方がおられましたら、どしどし使ってやってくださいまし。

▽ パンダシリーズ


▽ うさぎシリーズ


▽ ねずみシリーズ


▽ 猫シリーズ


犬がないのはご容赦ください･･･。
犬シリーズも作成しようと試みたんだけど、どうやっても猫と同じようになっちゃうんでつ＿|￣|○

バナーをご利用の際は、必ずご自分のパソコンにダウンロードしてお使いくださいね。
※ 直リンク厳禁!! です