【アメバ】コメント欄にピグ画像を載せる(プラグイン) | きまぐれ倉庫番報告『しん♪』の小言 in BC DN PSO2

きまぐれ倉庫番報告『しん♪』の小言 in BC DN PSO2

オンラインゲーム「ブレイドクロニクル」「ドラゴンネスト」「PSO2」をプレイしている「しん♪」です~^^
本ブログのSS(記事中の画像)の著作権は
ブレイドクロニクルは『(C)Aiming』ですよ~♪
ドラゴンネストは『(C)NHN』ですん~♪
PSO2は『(C)SEGA』ぢゃ♪

今日は、アメブロの飾り付けについて1つ紹介しますよ。

コメント欄にピグ画像を表示するプラグインを、
結構前から載せてました。

↓こんな感じ↓(パソコンからしか表示できませんが)
$きまぐれ倉庫番報告『しん♪』の小言 in BC DN PSO2-コメント欄


2年くらい前(だったかしらん??w)から、当ブログでも搭載してました。。。
ちなみに、ブレクロランキングの公告みたいなのも、自動でプラグインで表示してまする。


アメブロのブロガーの皆様はご存知かもしれませんが、ブログデザインが一新された時期があります。
それ以来、新しいデザインでは、上記の様なせっかくの装飾が機能しなくなりました^^;;;


でまぁ、思い立って、新デザインに対応させました。(今度は新デザインへのみ対応ですが。。。)

で、『コメント欄ピグ画像を表示』の部品だけ切り出しましたぁ。
使いたい人は勝手に使って下さい~。

ピグの仕様が変わると、使えなくなるかもしれません。


プラグインの追加の仕方を説明しますね~。


手順1:
ブログ記事を書く画面を開き、画面左にあるメニューから「プラグイン追加」をクリック

$きまぐれ倉庫番報告『しん♪』の小言 in BC DN PSO2-プラグイン追加手順1


手順2:
「フリープラグイン」タブをクリック

$きまぐれ倉庫番報告『しん♪』の小言 in BC DN PSO2-プラグイン追加手順2


手順3:
テキスト入力欄に、以下の2~3行を記入。
(他のプラグインを既に利用している方は、最後に追記してください。)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://zen-ple.jp/~simcom/comment_icon.js"></script>

※既に「jQuery」を追加している場合は、次の1行のみ記入してください。
 ほとんどの人は、↓ではなく↑で良いと思います。
<script type="text/javascript" src="http://zen-ple.jp/~simcom/comment_icon.js"></script>

$きまぐれ倉庫番報告『しん♪』の小言 in BC DN PSO2-プラグイン追加手順3


以上ですん~。

アメブロの方!
パソコンから見た時の、コメント欄が少し華やかになりますYO
ぜひ使ってみてくだし~。

ただし、使ってみてもし不具合があっても責任はとりませんからね。←