MyMiniCityブログパーツでもお世話になっているHEX68さまのブログ
Minor Problem~【ダウナー系プログラマの日常】~さまのWeb拍手ツール【GJ!】を設置しました。
1.GJ!設置に必要な環境
・設置するサーバーに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という変数の値を0、または1とすることでお好きな表示スタイルを
選ぶことができます。
gj_st=0 → ボタンに拍手数が表示される
gj_st=1 → 拍手数がアイコン表示される
使い方
人気ブログランキングのクリックの他にWeb拍手を設置しました。
前のようにコメントを入れなくても拍手数が増えてきます。FC2ブログのブログ拍手と同じです。
励みになりますのでクリックを宜しくお願い致しますm(._.)m
![]()
をクリックすると下記のようになり、コメント欄が現れますが、お暇な時でもコメントをどうぞ~。
メッセージ欄にコメントを入れて、もう一度にGoodJobボタンを押すとメッセージが送信されます。
通常はクリックだけでOKです~。
![]()









