MyMiniCityブログパーツでもお世話になっているHEX68さまのブログ
Minor Problem～【ダウナー系プログラマの日常】～さまのWeb拍手ツール【ＧＪ！】を設置しました。
1.ＧＪ！設置に必要な環境
・設置するサーバーにPHP4インストール済み、またGDライブラリが組み込まれている事。
2.スクリプト(gj.zip)をダウンロードする。
gj┐
├gj.php(GJ!本体）
├gj.js(javascript)
├prototype.js(javascriptライブラリ)
├gdtest.php(GDライブラリテスト用ファイル)
├readme.txt(説明テキストファイル)
├loc （空ディレクトリ）
├img（ボタン画像）
└log（空ディレクトリ）
3.解凍した上記ファイルのうち、gj.phpとgj.jsの記述を変更する。
gj.php
$PASSを任意の文字列に変更。コメント閲覧画面のパスワードとなります。
gj.js
URL=の記述をあなたの環境に合わせて変更。
GJ!の設置先が"http://musashi.s201.xrea.com/blog/"なので
URL="http://musashi.s201.xrea.com/blog/gj.php"
4.ブログのindex.phpがある（3．で設定した）ディレクトリにアップロード。
パーミションは以下のように設定してください。
┌gj.php(644)
├gj.js(644)
├prototype.js(644)
├gdtest.php(644)
├loc(777) *空ディレクトリ
├img(755) *ボタン画像
└log(777) *空ディレクトリ
5.ブラウザからgdtest.phpにアクセスすると。ボタン画像上に「OK」と表示されたら
サーバーでGJ!の設置が可能です。
OK！が表示されない場合、サーバーにPHP、またはGDライブラリが組み込まれていない為
このアプリは動きません。すいません。
なお、テスト後はこのgdtest.phpは削除してください。
6.Javascriptファイル読み込み
●デザイン⇒テンプレート⇒テンプレートモジュール⇒ヘッダー
メニューを置きたいページの
<script type="text/javascript" src="http://musashi.s201.xrea.com/blog/gj.js"></script>
<script type="text/javascript" src="http://musashi.s201.xrea.com/blog/prototype.js"></script>7.ブログの設置
●デザイン⇒テンプレート⇒テンプレートモジュール⇒ブログ記事の概要
設置したい場所に下記を追加する。ブログ記事の詳細にも。
<input id = "<$MTEntryPermalink$>" type = "image" src = "" alt="clap" style="vertical-align:middle;" onClick="goodjob('<$MTEntryPermalink$>','<$MTEntryTitle$>') ">
<script type="text/javascript">showbutton('<$MTEntryPermalink$>','<$MTEntryTitle$>');</script>
<input type = "text" id ="<$MTEntryPermalink$>_gj_message" style="visibility:hidden;vertical-align:middle;"><br/>
<span id="<$MTEntryPermalink$>_gj_mark"></span>8.再構築
表示スタイルの変更
ボタンに拍手数を表示するタイプ・拍手数をアイコン表示するタイプの2パターンで
変更できます。
gj.js内のgj_stという変数の値を０、または１とすることでお好きな表示スタイルを
選ぶことができます。
gj_st=0 → ボタンに拍手数が表示される
gj_st=1 → 拍手数がアイコン表示される
使い方
人気ブログランキングのクリックの他にWeb拍手を設置しました。
前のようにコメントを入れなくても拍手数が増えてきます。FC2ブログのブログ拍手と同じです。
励みになりますのでクリックを宜しくお願い致しますm(._.)m
をクリックすると下記のようになり、コメント欄が現れますが、お暇な時でもコメントをどうぞ～。
メッセージ欄にコメントを入れて、もう一度にGoodJobボタンを押すとメッセージが送信されます。
通常はクリックだけでOKです～。
