ブログペットが昨日から正常に動かない。
理由はいくつか考えられる。
(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;
}
このタグを使うと、タイトルがセンターになってしまいます(上述参照)。

