みけねこ家族とシュールなネタ帳 -220ページ目

【 配布開始 】 読者様プラグイン3

【 修正履歴 】

2013.10.15 

最新の読者様表示時のメッセージの文言とサイズもカスタマイズできるようにしました。

2012

 トップページでスクリプトが動かないバグを修正しました。

 「最新の読者様」に読者登録ページへのリンクを追加しました。
 サイドバーに読者一覧が配置されている場合のリンク  → 「○○ 人目の読者になる!」
 サイドバーに読者一覧が配置されていない場合のリンク → 「このブログの読者になる!」

 サイドバーに読者一覧が配置されている場合、「最新の読者様」で読者数が表示
 されるようにしました。

 スライドとリストを表示しない場合は、countパラメーターの値を 1 にすると、
 「最新の読者様」「読者様クロック」の表示がはやくなります。


修正履歴は以上!



テスト配布していた「読者様プラグイン3」ですが、正式に配布することになりました。
Google App Engine for Java を利用しているので、リクエストが多く、1日の割当量を超えるとプログラムが停止してしまうのですが、今回ホストを増やしたので、止まることが少なくなると思います。
それでは、ご利用くださいませ。


【 配布開始 】
読者様プラグインが
バージョンアップしました!




ども、みけねこです。
読者様プラグインを改良しました。


【 改善点 】

 ・表示速度がはやくなりました

 ・新ブログデザインに対応

 ・スライド、リストで表示する件数を指定できるようになりました

 ・IDの指定が必要なくなりました

 ・サイドバーに読者一覧が配置されている場合、「最新の読者様」で
  読者数が表示されるようになりました

 ・「最新の読者様」に読者登録ページへのリンクを追加しました。
  サイドバーに読者一覧が配置されている場合のリンク  → 「○○ 人目の読者になる!」
  サイドバーに読者一覧が配置されていない場合のリンク → 「このブログの読者になる!」




【 設置方法】


 新ブログデザインの場合は、まず、プラグインが動くようになるおまじないをフリープラグインの
 先頭に挿入する必要があります。
 すでにフリープラグインにある場合は、そのままでOKです。


<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>


これは、わざめーばさんのこちらの記事を参考にさせていただきました。

 → 新しいバージョンのjQueryが使えない?新デザイン『CSS編集用デザイン』
 


旧ブログデザインの場合は、なくても動きますが、入れると表示が速くなるかもしれません。
入れる場合は、上の2行だけでOKです。
すでにフリープラグインにある場合は、入れる必要はありません。



続いて、下のソースをフリープラグインに貼り付けます。

<script type="text/javascript" src="http://ホスト名.appspot.com/reader3.jsp"></script>

ホスト名は下記のものからお好きなものをひとつお選び下さい。

 readerplugin
 readerplugin2
 readerplugin3
 readerplugin4
 readerplugin5

プログラムが止まった場合は、ホスト名を変更すると動くかも知れません。
readerpluginは現在利用者が多いので、止まりやすいです。


上のスクリプトが読者様リスト、スライド、クロック、最新の読者様表示の共通スクリプトになります。
まず、上の共通スクリプトをフリープラグインに貼り付けて下さい。




【 読者様リスト 設置方法 】

読者様リストを設置したい場所に<div id="readerlist3"></div>を貼り付けます。記事、メッセージボード、フリープラグインに貼り付けることが出来ます。ただし設置できるのは1ページ内に1箇所だけになります。



【 読者様スライド 設置方法 】

読者様スライドを設置したい場所に<div class="readerslide"></div>を貼り付けます。記事、メッセージボード、フリープラグインに貼り付けることが出来ます。





【 読者様クロック 設置方法 】

読者様クロックを設置したい場所に<div class="readerclock"></div>を貼り付けます。記事、メッセージボード、フリープラグインに貼り付けることが出来ます。





【 最新の読者様 設置方法 】

 ブログサムネイル画像の表示のパラメーターを指定すると記事の最後に表示されます。
 パラメーターの指定方法は下の【 カスタマイズ 】で。 



【 カスタマイズ 】

共通スクリプトの「http://ホスト名.appspot.com/reader3.jsp」のすぐ後ろにパラメーターを追記します。

パラメーター

?background=000000&border=FF0000&border-style=dotted
&title=FFFF00&nickname=F5FFFA&thumb=on&size=80&yoko=400&tate=280&size=240&text=読者登録しちゃったの?&text-size=32&message=FF0000&date=F5FFFA&clock=87CEFA&interval=3000&count=6

共通パラメーター

background ・・・ 背景の色 ( 省略時:F0FFFF )
border ・・・ 枠の色  ( 省略時:54FF9F )
border-style ・・・ 枠の種類
            (solid,double,groove,ridge,inset,outset,dashed,dotted)
            ( 省略時:solid )
title  ・・・ タイトル(最近の読者様、読者様クロック、最近の読者様、最新の読者様)
         の文字の色 ( 省略時:FF0000 )
nickname ・・・ ニックネームの色 ( 省略時:0000FF )



読者様クロックのパラメーター

date   ・・・ 日付の文字の色 ( 省略時:FF0000 )
clock  ・・・ 時間の文字の色 ( 省略時:FF0000 )



最新の読者様のパラメーター

thumb   ・・・ 読者さんのブログのサムネイルを表示する時は「 on 」しないときは「 off 」
          ( 省略時:最新の読者様が表示されません )
size  ・・・ 読者さんのプロフィール画像のサイズの最大値 ( 省略時:100 )
yoko  ・・・ サムネイルの横のサイズ(40~400ピクセル) ( 省略時:200 )
tate  ・・・ サムネイルの縦のサイズ(横サイズの 0.5 倍 ~ 3.75 倍の範囲、単位はピクセル)
       対象ページの縦:横の比率が指定サイズの比率よりも小さいときに、対象ページに
       合わせてサムネイル画像の縦サイズが短縮されます。 ( 省略時:300 )
text   ・・・ メッセージの文言( 省略時:読者登録ありがとう! )
text-size ・・・ メッセージのフォントサイズ(px)( 省略時:18 )
message  ・・・ メッセージの文字の色 ( 省略時:0000FF )
count  ・・・ 「読者様スライド」と「読者様リスト」をどちらも表示しない場合は 1 にすると、表示までの時間が短くなります。




読者様スライドのパラメーター

interval   ・・・ スライドの間隔(ミリ秒) ( 省略時:6000 )



読者様スライドとリストの共通パラメーター

count   ・・・ 表示するプロフィール画像の最大数 ( 省略時:8 )

 * 「読者様スライド」と「読者様リスト」をどちらも表示しない場合はcountの
   値を 1 にすると、「最新の読者様」「読者様クロック」の表示がはやくなります。




赤い文字を自分の好みで変更して下さい。



色はハッシュ( # )抜きの6桁のカラーコードで指定します。
こちらのものを参考にコピペして下さい。

 → 色見本(カラーチャート) ナスカ特製



ご利用の際は、コメントを残していただけるとうれしいです。
みけねこでした。



ぽちっとお願いします (・∀・)

にほんブログ村 IT技術ブログ Javaへ
にほんブログ村