Web拍手：
ウェブリブログにはあった「気持玉」の代わりに，ひとまず，「Web拍手ツール【ＧＪ！】（グッジョブ！)」を導入してみました．
「Web拍手ツール【ＧＪ！】（グッジョブ！)」
http://hmlab.info/minor/products/gj0.
SeeSaaブログ自身にはスクリプトを置くことができないので，適当にサーバを確保する必要があります．
私の場合は，自分で管理している noike.info を使いましたが，XREA などの PHP と GD が動きそうなレンタルサーバでも動かせるかもしれません．
1.
確保したサーバに GJ を設置します．
基本的に，
http://hmlab.info/minor/products/gjに書いてあるとおりですが，gj.php のパーミッションは，Apache の設定によっては，
644 ではなく，666 や 646 である必要があります．
ウチの設定では，gj.php が Other User の権限で動作するので，Other User に書き込み権限を与えるために，646 でないと動きませんでした．
2.
SeeSaa ブログの各記事に GJ が表示されるように，次のように設定します．
まず，GJ スクリプトが読み込まれるように，
[デザイン] → [コンテンツ] （「編集モード: ノーマル」）
[記事] → [コンテンツHTML編集]
<% content.header -%>
<!-- Content -->
の下あたりに，
<script type="text/javascript" src="http://（グッジョブ）/gj.js"></script><br />
<script type="text/javascript" src="http://（グッジョブ）/prototype.js"></script>
を追加します．
http://（グッジョブ）/
の文字列は，設置した GJ の URL に合わせて，適宜，書き換えてください．
次に，各記事で GJ が表示されるように設定します．
http://hmlab.info/minor/products/gj/gj-movableに書かれている基本的なテンプレートは，SeeSaa ブログの場合は，次のとおりです．
<input id = "<% article.page_url %>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>') "><script>showbutton('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>');</script><input type = "text" id ="<% article.page_url %>_gj_message" style="border-color:orange;vertical-align:middle;"> <span id="<% article.page_url %>_gj_mark"></span><br />
↑ボタンを押すと拍手を送ることができます。メッセージも送れます。<br />
要点は，
o <$MTEntryPermalink$> → <% article.page_url %>
o <$MTEntryTitle$> → <% article.subject | jsescape | tag_strip %>
です．
これを，[記事] の [コンテンツHTML編集]の中に追記すれば，追記した位置に GJ がメッセージ送信用テキストボックスとともに表示されるようになります．
たとえば，
<% if:blog.bookmark_service %>
の上あたりに追記すれば，「ブックマーク用ボタンが並ぶ行」の上あたりに GJ が表示されます．
（「記事のタグが並ぶ行」と「ブックマーク用ボタンが並ぶ行」の間あたりに GJ が表示されます．）
私は，
o メッセージ送信用テキストボックスは必要ない
o 「記事本文」と「タグ」の間に GJ を表示したい
ということを実現するために，
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody" style="word-break: break-all;">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
<% if:blog.bookmark_service %>
を次のように書き換えました．
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody" style="word-break: break-all;">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %>
<!-- Web 拍手 GJ -->
<br />
<br />
Web拍手：
<input id = "<% article.page_url %>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>') "><script>showbutton('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>');</script><input type = "hidden" id ="<% article.page_url %>_gj_message"<span id="<% article.page_url %>_gj_mark"></span><br />
<br />
<br />
<!-- Web 拍手 GJ ここまで -->
<% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %>
<!-- Web 拍手 GJ -->
<br />
<br />
Web拍手：
<input id = "<% article.page_url %>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>') "><script>showbutton('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>');</script><input type = "hidden" id ="<% article.page_url %>_gj_message"<span id="<% article.page_url %>_gj_mark"></span><br />
<br />
<br />
<!-- Web 拍手 GJ ここまで -->
<% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
やっていることは，
<% if:page_name eq 'article' -%> と
<% else -%> のそれぞれの中で，
「記事本分」と「タグ」の間への GJ表示テンプレートの追記，です．
これで，「Web拍手ツール【ＧＪ！】（グッジョブ！)」が導入できました．
「いい記事だ！」と思ったときには，「Web拍手：」の右にあるアイコンをクリックしてみてください．
連打してくださっても構いませんが(^^;)，連打は 10回までに制限してあります．
ウェブリブログにはあった「気持玉」のように何通りかの投票ボタンを用意するには，GJ 複数設置するだけでは上手く動かないので，GJ を改良する必要があることがわかりました．
そのうち，手をつけるかもしれませんが，いまのところは，こんな感じで．
==
GD を使う PHP プログラムで「Call to undefined function imagecreatefromgif()」という Fatal Error が出るときは，
http://knoike.seesaa.net/article/153680875.html
posted by NOIKE at 15:30
|
Comment(0)
|
TrackBack(11)
|
コンピュータ
|
|
