Previous
left arrow key
Next
right arrow key
Close Move
loading ...

Web拍手ツール【GJ!】

Apr 25 2008
Date:April 25, 2008 1:40 AM
Category : Blog Accessories, Customize, Diary, むちゃ日記
  • ポチっとヨロシク(^○^)/⇒ 

MyMiniCityブログパーツでもお世話になっているHEX68さまのブログ
Minor Problem~【ダウナー系プログラマの日常】~さまのWeb拍手ツール【GJ!】を設置しました。

参考: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ファイル読み込み
●デザイン⇒テンプレート⇒テンプレートモジュール⇒ヘッダー
 メニューを置きたいページの~内に以下のJava Scriptを記述。

<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です~。

続きを読む ≫



MovableType用お天気表示

Apr 09 2008
Date:April 9, 2008 10:27 AM
Category : Blog Accessories, Customize, Diary, むちゃ日記
  • ポチっとヨロシク(^○^)/⇒ 

Drk7jpさまの天気予報を設置致しました。
かなり前に設置してMovableTypeのバージョンUPで正常に動かなくなっていました。
MovableType版のものを設置したくて設置出来ました~。嬉しい。
左サイドバーに設置してあります。

 参考:MTWeather プラグインをバージョンアップ ver 1.00

 1.MTWeatherJP.zipをダウンロードする。

 2.MovableTypeのインストール先 mtディレクトリ内plugin ディレクトリへ
  MTWeatherJP.pl へアップロード。

 3.lib ディレクトリ内を MovableTypeのインストール先 mtディレクトリ内
  extlib ディレクトリへ必ず全て アップロード。

 4.img ディレクトリの全ファイルを public_html 等、画像が表示可能なディレクトリの
  適当な場所にアップロード。
  ※(任意指定)解凍した img ディレクトリのファイルをFTPしたURLの絶対パスを
    指定します。省略した場合、MT の index.html が生成される場所からの相対パス
    images/MTWeather/ がデフォルト値。

 5.設置したいサイドバーなどに下記を入れる。

MovableType用お天気表示縦型例

お天気表示縦型例
<MTWeatherJP timeout="15" pref="神奈川県" area="東部" utfflag="1" >
<center>
<table style="font-size:10">
<tr>
    <td align="center" valign="middle" height="20" bgcolor="#e8edfb" color="#0d08c0">
<b>お天気むちゃくん</b>
</td>
  </tr><tr>
<td align="center">
<table style="font-size:9" bgcolor="#e8edfb">
<tr>
<td width="45">神奈川県</td>
<td align="center" width="39"><$MTWeatherDate offset="0"$>日</td>
<td align="center" width="39"><$MTWeatherDate offset="1"$>日</td>
      </tr>
<tr>
<td width="45">天気</td>
<td align="center" width="39"><img src="<$MTTomorrowGifEx$>" alt="<$MTWeatherImg offset="0"$>" width="15" height="15" border="0"></td>
<td align="center" width="39"><img src="<$MTTomorrowGifEx$>" alt="<$MTWeatherImg offset="1"$>" width="15" height="15" border="0"></td>
      </tr>
<tr>
<td width="45">最高気温</td>
<td align="center" width="39"><font color="#ff80c0"><$MTTempMax offset="0"$>℃</font></td>
<td align="center" width="39"><font color="#ff80c0"><$MTTempMax offset="1"$>℃</font></td>
      </tr>
<tr>
<td width="45">最低気温</td>
<td align="center" width="39"><font color="#8fabbe"><$MTTempMin offset="0"$>℃</font></td>
<td align="center" width="39"><font color="#8fabbe"><$MTTempMin offset="1"$>℃</font></td>
      </tr>
<tr>
<td width="45">降水確率</td>
        <td align="center"> </td>
        <td align="center"> </td>
      </tr>
<tr>
<td width="45">00-06</td>
<td align="center" width="39"><$MTRain00 offset="0"$></td>
<td align="center" width="39"><$MTRain00 offset="1"$></td>
      </tr>
<tr>
<td width="45">06-12</td>
<td align="center" width="39"><$MTRain06 offset="0"$></td>
<td align="center" width="39"><$MTRain06 offset="1"$></td>
      </tr>
<tr>
<td width="45">12-18</td>
<td align="center" width="39"><$MTRain12 offset="0"$></td>
<td align="center" width="39"><$MTRain12 offset="1"$></td>
      </tr>
<tr>
<td width="45">18-24</td>
<td align="center" width="39"><$MTRain18 offset="0"$></td>
<td align="center" width="39"><$MTRain18 offset="1"$></td>
      </tr><tr></tr></table>
    </td>
</tr>
</table>
</MTWeatherJP>
</center>


MovableType用お天気表示横型表示例

お天気表示横型例
<MTWeatherJP timeout="15" pref="神奈川県" area="東部" utfflag="1" >
<table style="font-size:11">
<tr>
<td align="center" valign="middle" height="20" bgcolor="#e8edfb" color="#0d08c0">
 <b>神奈川県の天気</b>
</td>
</tr>
<tr>
<td align="center" valign="middle">
 <$MTWeatherDate offset="1"$>日:<img src="<$MTTomorrowGifEx$>" alt="<$MTWeatherImg offset="1"$>" width="15" height="15" border="0"><$MTWeather offset="1"$>
</td>
</tr>
<tr>
<td align="center">
 最低<font color="#8fabbe"><$MTTempMin offset="1"$>℃</font>/最高<font color="#ff80c0"><$MTTempMax offset="1"$>℃</font>
 <table style="font-size:9" border="1" bgcolor="#e8edfb">
<tr>
<td align="center" width="39">~06</td>
<td align="center" width="39">~12</td>
<td align="center" width="39">~18</td>
<td align="center" width="39">~24</td>
</tr>
<tr>
<td align="right"><$MTRain00 offset="1"$>%</td>
<td align="right"><$MTRain06 offset="1"$>%</td>
<td align="right"><$MTRain12 offset="1"$>%</td>
<td align="right"><$MTRain18 offset="1"$>%</td>
</tr>
</table>
</td>
</tr>
</table>
</MTWeatherJP>


続きを読む ≫



アップグレード

Apr 04 2008
Date:April 4, 2008 11:33 AM
Category : Customize, Diary, Movable Type, むちゃ日記
  • ポチっとヨロシク(^○^)/⇒ 
そろそろMovableType4.01からMovableType 4.1にアップグレードをしなくては・・・
とは思っていてかなり気合いを入れて昨日、アップグレードしましたがっ!どうして・・・
1発でいってくれないものなのだろうか?
まず・・・アップロードで必ず、失敗してダッシュボード(管理画面)は表示されるけど
次に進めないって事はアップロードで失敗しているからだよ~。FFFTPが変なの?とサイトを見たら
バージョンがかなり低かった(-_-;)最新にして何度か失敗しましたが・・・無事に成功して完了!
そしてMTの再構築をしたら・・・スタイルシートが下記の画像のように崩れてました。

MT4.1アップグレードでスタイルシートがっ!

こうなるとお手上げです。また全部のテンプレートを作り直しか?と小粋空間さまのとこで
調べたら(´▽`) ホッありました~。

 参考:小粋空間テンプレートを Movable Type 4.1で利用する場合の注意事項

●デザイン⇒テンプレート⇒テンプレートモジュール⇒ヘッダー
</head>
<body class="<$MTGetVar name="page_layout" default="layout-three-column"$>" ~(略)~>
  :

 </head>と<body>の間に下記の青色を追加する。
  :
</head>
<MTUnless name="system_template"><MTSetVar name="page_layout" value="layout-three-column"></MTUnless>
<body class="<$MTGetVar name="page_layout" default="layout-three-column"$>" ~(略)~>
  :

 保存後、再構築して無事、元に戻りました(´▽`) ホッ

続きを読む ≫



エントリ日付を日めくりカレンダー風にカスタマイズ

Feb 10 2008
Date:February 10, 2008 2:02 AM
Category : Customize, Diary, お小遣い, むちゃ日記, マンホール
  • ポチっとヨロシク(^○^)/⇒ 

とけい日めくりカレンダー
Movable Type備忘録さまのbzbellさまにご指導頂き エントリ日付を
日めくりカレンダーを設置しました。

 参考:エントリ日付を日めくりカレンダー風にカスタマイズ

日めくりカレンダー

bzbellさまに何度もご指導を頂いて・・・本当に感謝でいっぱいです。
いつかご指導を頂かないようなカスタマイズが出来るといいなぁ~と思って
いますが・・・これは難しいかな(-_-;)
ありがとうございました。覚え書きは続きを読むに・・・。


チョキ警察&東京ガスマンホール
先日のエントリ日比谷マンホールの続き、マンホールネタです。
真ん中に警察の警と書いてあるので警察のマンホールなんでしょうね。ってか
警察ってマンホール何を使うのだろうか???
東京ガスのマンホールです。これはしっかり私達の生活には欠かせないマンホールです。
いつもありがとうって感じでしょうか。

警察マンホール 東京ガスマンホール

$コツコツお小遣い♪
オレンジめーるを更新致しました。


むちゃ日記むちゃ
今年は雪のあたり年です・・・また雪が降って、家の前の公園が真っ白です。
ちゃむいむちゃです。先日のような大雪にはならなかったので今日は、雪かきしなくてもいいね。
でもボーロは・・・しょくぱんまんを作るんだぁ~とやる気満々なんですけど・・・。
このボーロのやる気満々はどうにかならないものか・・・(-_-;)
僕は、寒いからホットカーペットで寝てるよ~。
皆様♪寒いので風邪をひかないように・・・お気をつけて下さいね。

続きを読む ≫



チーズたまごダブルマック

Jan 18 2008
Date:January 18, 2008 12:48 AM
Category : Customize, Diary, Food, むちゃ日記
  • ポチっとヨロシク(^○^)/⇒ 

ハンバーガーチーズたまごダブルマック
最近、体調がすぐれなかったのですが。食欲もあんまりなくて・・・困っていました。
でも昨日のお昼に凄くマックが食べたくなり、中々食べる機会がなかったチーズたまごダブルマック
ビーフ1枚とベーコンを抜いてもらって食べました♪とっても久しぶりのマックで美味しかったです。
ビーフ1枚抜いてもらったのにそれでもお腹がいっぱいになり・・・夕食はご飯茶わんの半分でした。

チーズたまごダブルマック

続きを読む ≫



 1  |  2  |  3  |  4  |  5  | All pages