ブログペットが昨日から正常に動かない。

理由はいくつか考えられる。


(1) 5月9日にブログペットのメンテナンスがあり、それが延長され、データが一部消えている。それと同時にコード生成が変更された?「貼りなおしてください」と書いてある。

(2) MyClipのほうの表示設定のタグが間違っている。(実は、10日間の設定の数字に0を加えて、100日間の設定に勝手に直してしまったのである・・(^^)v)



それで、のぶさんのブログに、『カラムにいろいろな欄を追加する(おまけあり)』 がとうとうアップされたので、それを元にMyClipのタグを変更した。


<!-- 追記するのぶ’sソースの改造 ここから -->

<div class="mainMenu">

<h4 class="menu_title">ブログペットのローリー</h4>
<div class="menu_frame">
<embed src="http://www.blogpet.net/usa.swf?username= ブログペットの英数記号 &tseconds =" name="blogpet" width="130" height="200" type="application/x-shockwave-flash" /></embed>
</div>
</div>

<!-- 追記するのぶ’sソースの改造 ここまで -->

<!-- Myclipのソース ここから -->
<div class=myclip-main>
<CLIPS max=0>
{DATE same=off} {TITLE popup= maxchar=50}<br />
</CLIPS>
</div>

<!--MyClipのソース ここまで -->


ちなみに、embedのタグを使うために、『*魔法のことば*』さんの記事 を参考にさせていただきました。


のぶ’sソースはそのまま使えそうで、実はそのままでは使えない。当たり前か・・・^_^;

MyClipのタグの上にブログペットのコード生成をそのまま持って来ようとしてもうまく行かない。このためembedで表示させるためには工夫が必要になる。(注: embedの代わりにそのままコード生成を貼れば若干の違いはあるものの表示されます。コメント欄 参照)



次に、MyClipのタグのメニュータイトル部分に「ブログペット」と書いて挿入したら、センターに表示されてしまった。


どうも変だと思ったら、前回ブログペットをセンターに表示させるためにアメブロのCSS編集でプラグインのタグをいじってしまっていたため(text-align: center; と書いた)、メニューのタイトル欄に現れる文字がプラグイン(MyClip)に限っては全部センターに表示されてしまう。

仕方がないので、CSS編集でプラグインのタグ(text-align: center; )を削除したら、今度は全体的に左側に寄ってしまい、ブログペットの表示が変になる。

そこで、プラグインのタグをそのままにしてセンターに表示させ、かつ、タイトルを「ブログペット」ではなく、「ブログペットのローリー」に変更した。文字数が増えればセンターでも左寄せでも関係ないから。(こんなんでいいのか?)


アメブロのCSS編集でメニューのタイトルやフレームのタグをいじると、MyClip以外のタイトルも表示が変更されてしまうし、それでいてMyClipの表示設定欄でタグを使ってタイトルを表示させようとすると、CSS編集でのプラグインの設定がタイトルに現れてしまう。何でだろう・・・分からん。



これだけのことをするために悪戦苦闘した割には、昨日からブログペットのアクセス解析が使えなくなっており、何のために苦労したのか分からない。



それにしてもアメブロはど~っしてもjavascriptを使われるのが嫌らしい。なんでででしょう・・?


アクセス解析を有料化するため?

ランキングがあるから?


分からん・・・・謎。



ブログペットの設置についてはこちら⇒ 『雨風呂編うさぎ小屋設置』

雨風呂の改造についてはこちら⇒ テーマ:『雨風呂改造編』


うちのブログはあまり分かりやすくないけど・・・





************

5/12 記事追加(午後四時からアクセス解析が動き始めました!


コピペ派のあなたのために・・・・




★MyClipの表示設定 (Pro) ⇒ Clipフォーマット欄に貼ったタグ


<div class="mainMenu">
<h4 class="menu_title">ブログペットで遊ぼう!</h4>
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/xxx.js " charset=""></script>
</div>
<div class=myclip-main>
<CLIPS max=0>
{DATE same=off} {TITLE popup= maxchar=50}<br />
</CLIPS>
</div>


あるいは、以下のようにブログペットのコード生成の位置を変えても表示は同じだった。


<div class="mainMenu">
<h4 class="menu_title">ブログペットで遊ぼう!</h4>
</div>
<div class=myclip-main>
<CLIPS max=0>
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/xxx.js " charset=""></script>{DATE same=off} {TITLE popup= maxchar=50}<br />
</CLIPS>
</div>


この方法だと、少なくても10日に一度更新し直さなくてもよいので。




★表示のバランスが悪いので、アメブロのCSS編集のタグも少し変更しました。


/*plugin*/
.plugin{
font-size: 10px;
padding-bottom: 25px;
text-align: center;
}


このタグを使うと、タイトルがセンターになってしまいます(上述参照)。