音楽方丈記

久しぶりに So-net ブログ限定カスタマイズネタです。
単に見た目を変えるだけでたいしたものではありません。
ブログのプロフィールペインにあるアイコン画像をランダムに表示させるスクリプトです。

１．前準備

まず表示したいアイコンを72x72ピクセルで作成します。
←たとえばこんな感じで。
形式は JPEG、GIF、PNG どれでもかまいません。
作ったアイコンをカスタムペインの編集画面でアップロードしてください。

２．スクリプトの貼り付け

下のコードをカスタムペインの空いているところにもしくは表示しているサイドバーコンテンツの「挿入テキスト(上または下)」のところに貼り付けます。ブログの管理設定項目の「URL 自動リンク」を「リンクしない」に設定して入力してください

２タイプ用意しました。
●指定した確率で１枚を表示させるバージョン

　上の例では1/5の確率で指定したアイコンが表示されてそれ以外はブログ設定で設定したアイコンが表示されます。

　表示される確率を変更したい場合は、

　　if( Math.floor(Math.random() * 5) < 1 )

　の 5 と 1 の部分を変更してください。

　例えば 3/10 の確率にしたい場合は

　　if( Math.floor(Math.random() * 10) < 3 )

　とします。

●元アイコンを含めた複数のアイコンをランダムに表示させるバージョン

３．アイコン画像 URL の指定

貼り付けたスクリプトに先ほどアップロードしたアイコン画像URLを指定してやります。
とりあえずカスタムペインの編集欄の空いているところに、普段記事に書くときと同じようにそのまま画像の img タグを挿入して、先頭の "/blog" を除いて、必要な部分だけをスクリプトのアイコン画像URLのところに貼り付けて保存すれば完成です。

　　　　　　　　　　　　　　　　　　↓/images/～以降の URL
　　　<img src="/blog/_images/blog/xxx/xxxxx/xxxx.jpg" />

　あと、上のソースの例では３つの画像を指定していますが、増やしたい場合は

　　prof_icon[prof_icon.length] = 'アイコン画像URL';

　の行を同じように追加してください。

備考

ランダム表示になるのはプロフィールペインのアイコンだけで、コメント欄に表示されるアイコンはブログ設定で登録したアイコンになります。

---