最新のペタ表示
【 追記 】
2011.8.23
新しいブログデザインの時に、プラグインを動かすためのおまじないをわざめーばさんの記事を
もとに追記しました。
以前のスクリプトをご利用の方はスクリプトのＵＲＬの部分を修正して下さい。
ご協力お願いします。
ペタ・プラグインを配布します！
ペタ関係のプラグインをひとつに統合してみました。
ひとつのプラグインを設置するだけで、以下の事ができます。
１．最近のペタをスライド表示する。
２．最近のペタをリスト表示する。
３．最新のペタを表示する。
（ペタをつけてくれた方のブログのサムネイルを表示することもできます）
４．ペタクロックを表示する。
今回は、最新のペタを表示するプラグインのご紹介です。
【 設置方法 】
新ブログデザインの場合は、まず、プラグインが動くようになるおまじないをフリープラグインの
先頭に挿入する必要があります。
すでにフリープラグインにある場合は、そのままでＯＫです。
これは、わざめーばさんのこちらの記事を参考にさせていただきました。
→ 新しいバージョンのjQueryが使えない？新デザイン『CSS編集用デザイン』
旧ブログデザインの場合は、なくても動きますが、入れると表示が速くなるかもしれません。
入れる場合は、上の２行だけでＯＫです。
すでにフリープラグインにある場合は、入れる必要はありません。
アメブロでは、標準でjQuery1.3が使えるようになっているのですが、バージョンが新しい方が処理がはやいので、1.6系のものを上の２行で読み込んでいます。
続いてフリープラグインに下記のペタプラグインのスクリプトを追加します。
※ペタ・スライド、ペタ・リスト、最新のペタ表示プラグイン、ペタクロック共通のスクリプトです。
※全て表示する場合でもこのスクリプト１行だけでＯＫです。
スライドまたはリスト、ペタクロックを表示している方はすでに設置済みなのでコピペ不要です。
ＵＲＬ（http://petaplugin.appspot.com/peta.jsp?id=あなたのアメーバＩＤ）の部分に
下記のパラメーターを追記すると記事の終わりに最新ペタが表示されます。
アメーバＩＤの後ろに追記してください。
色やサムネイルのサイズをカスタマイズしたい場合は下記のスクリプに変更して下さい。
↑実際は１行です
赤字の部分をお好みにあわせてカスタマイズして下さい。
thumb ・・・ ブログのサムネイルを表示する場合は「on」、表示しない場合は「off」
pbackground ・・・ 背景の色
pborder ・・・ 外枠の色
message1 ・・・ 「最新のペタ表示中」の文字の色
message2 ・・・ 「ペタありがとう！」の文字の色
yoko ・・・ サムネイルの横のサイズ（40～400ピクセル）
tate ・・・ サムネイルの縦のサイズ（横サイズの 0.5 倍 ～ 3.75 倍の範囲、単位はピクセル）
対象ページの縦：横の比率が指定サイズの比率よりも小さいときに、対象ページに
合わせてサムネイル画像の縦サイズが短縮されます。
色はハッシュ（ # ）抜きの6桁のカラーコードで指定します。
こちらのものを参考にコピペして下さい。
→ 色見本（カラーチャート） ナスカ特製
ご利用の際は、コメント頂けると嬉しいです。
読者登録して頂けるとさらに嬉しいです (・∀・)
【 関連リンク 】
おもしろプラグインでアメブロカスタマイズ
みけねこでした。
ポチっとすると喜ぶ人がいます (・∀・)
にほんブログ村
2011.8.23
新しいブログデザインの時に、プラグインを動かすためのおまじないをわざめーばさんの記事を
もとに追記しました。
以前のスクリプトをご利用の方はスクリプトのＵＲＬの部分を修正して下さい。
ご協力お願いします。
修正前： http://www.3kcat.net/mikeplugin/ → 修正後： http://petaplugin.appspot.com/
または
修正前： http://amebaplugin.appspot.com/ → 修正後： http://petaplugin.appspot.com/
または
修正前： http://amebaplugin.appspot.com/ → 修正後： http://petaplugin.appspot.com/
ペタ・プラグインを配布します！
ペタ関係のプラグインをひとつに統合してみました。
ひとつのプラグインを設置するだけで、以下の事ができます。
１．最近のペタをスライド表示する。
２．最近のペタをリスト表示する。
３．最新のペタを表示する。
（ペタをつけてくれた方のブログのサムネイルを表示することもできます）
４．ペタクロックを表示する。
今回は、最新のペタを表示するプラグインのご紹介です。
【 設置方法 】
新ブログデザインの場合は、まず、プラグインが動くようになるおまじないをフリープラグインの
先頭に挿入する必要があります。
すでにフリープラグインにある場合は、そのままでＯＫです。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.6.2');</script>
<script type="text/javascript">(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
<script type="text/javascript">google.load('jquery', '1.6.2');</script>
<script type="text/javascript">(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>
これは、わざめーばさんのこちらの記事を参考にさせていただきました。
→ 新しいバージョンのjQueryが使えない？新デザイン『CSS編集用デザイン』
旧ブログデザインの場合は、なくても動きますが、入れると表示が速くなるかもしれません。
入れる場合は、上の２行だけでＯＫです。
すでにフリープラグインにある場合は、入れる必要はありません。
アメブロでは、標準でjQuery1.3が使えるようになっているのですが、バージョンが新しい方が処理がはやいので、1.6系のものを上の２行で読み込んでいます。
続いてフリープラグインに下記のペタプラグインのスクリプトを追加します。
<script type="text/javascript" src="http://petaplugin.appspot.com/peta.jsp?id=あなたのアメーバＩＤ"></script>
※ペタ・スライド、ペタ・リスト、最新のペタ表示プラグイン、ペタクロック共通のスクリプトです。
※全て表示する場合でもこのスクリプト１行だけでＯＫです。
スライドまたはリスト、ペタクロックを表示している方はすでに設置済みなのでコピペ不要です。
ＵＲＬ（http://petaplugin.appspot.com/peta.jsp?id=あなたのアメーバＩＤ）の部分に
下記のパラメーターを追記すると記事の終わりに最新ペタが表示されます。
アメーバＩＤの後ろに追記してください。
ブログのサムネイルを表示しない場合 ・・・ &thumb=off
ブログのサムネイルを表示する場合 ・・・ &thumb=on
ブログのサムネイルを表示する場合 ・・・ &thumb=on
【 サムネイルなし 】
【 サムネイルあり 】
色やサムネイルのサイズをカスタマイズしたい場合は下記のスクリプに変更して下さい。
<script language="JavaScript" src="http://petaplugin.appspot.com/peta.jsp?id=あなたのアメーバＩＤ&thumb=on&pbackground=FFDAB9&pborder=8B0000&message1=CD5C5C&message2=A52A2A&yoko=400&tate=280"></script>
↑実際は１行です
赤字の部分をお好みにあわせてカスタマイズして下さい。
thumb ・・・ ブログのサムネイルを表示する場合は「on」、表示しない場合は「off」
pbackground ・・・ 背景の色
pborder ・・・ 外枠の色
message1 ・・・ 「最新のペタ表示中」の文字の色
message2 ・・・ 「ペタありがとう！」の文字の色
yoko ・・・ サムネイルの横のサイズ（40～400ピクセル）
tate ・・・ サムネイルの縦のサイズ（横サイズの 0.5 倍 ～ 3.75 倍の範囲、単位はピクセル）
対象ページの縦：横の比率が指定サイズの比率よりも小さいときに、対象ページに
合わせてサムネイル画像の縦サイズが短縮されます。
色はハッシュ（ # ）抜きの6桁のカラーコードで指定します。
こちらのものを参考にコピペして下さい。
→ 色見本（カラーチャート） ナスカ特製
【 カスタマイズ例 】
ご利用の際は、コメント頂けると嬉しいです。
読者登録して頂けるとさらに嬉しいです (・∀・)
【 関連リンク 】
おもしろプラグインでアメブロカスタマイズ
みけねこでした。
ポチっとすると喜ぶ人がいます (・∀・)
にほんブログ村