2007年04月21日

2007 04.21 Sat


この記事は、ありふれた生活さんで紹介されていたものを、そのまま自分用に補完したものです。

この記事では解説が怪しいので、本家へ飛びましょう。


Movable Typeの標準のJavascriptをseesaa向けに改造。


HTML編集を行うので敷居は高いけど、
失敗したら初期に戻せばいいのさ!
でもちょっと長いです。

1. Javascriptのダウンロード

基本となるJavascriptをダウンロード

 -> seesaa_cookies.js

※windowsなら上のリンクを右クリックして
「対象をファイルに保存」
macなら上のリンクをctrlを押しながらクリックで
"リンク先のファイルをダウンロード"(らしい)

適当なとこに保存して、メモ帳で開く

一番上の行を書き換えます。


var HOST = 'xxx.seesaa.net';


赤文字のところを、自分のblogのURLに変更


2. Javascriptのアップロード

1でダウンロードして修正したJavascriptファイルを、ファイルマネージャーでアップロード。
どうやらimageフォルダにはアップロードできないらしいので、別名のフォルダをつくってそこにアップ!
自分は"js"というフォルダをつくってそこにアップロードしてます。


3. Javascriptを組み込む

[デザイン]→[HTML]で、Javascriptを組み込ませます。
初めてHTMLをいじる場合は、[HTMLの追加]で新規に作成してからそれを修正。

HTML編集で、上の方に入れ込む(<% if:blog.has_foaf -%>の上あたりが手頃かも)


<script language="JavaScript" src="http://xxx.up.seesaa.net/js/seesaa_cookies.js"></script>


赤文字のところは2番で自分でアップしたJavascriptのURLを記入。


4. コメント画面を修正する

実際コメントの場所にボタンとかを追加します。
[デザイン]→[コンテンツ]→[記事]→[コンテンツHTML編集] でHTML編集画面を開く。

長いけど余計なところはいじらずにコメントのところを修正



<form action="/pages/user/comments2/regist/input" method="post" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
保存しますか?<input type="radio" id="remember" onClick="rememberMe(this.form)" name="bakecookie" style="margin-left: 15px;" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" /><br />
<br />

コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="45"></textarea><br />
<input type="hidden" name="article_child__article_id" value="<% individual_article.id %>" />
<input type="hidden" name="article_id" value="<% individual_article.id %>" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:individual_article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
※半角英数字のみのコメントは投稿できません。<br />
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />
</div>
</form>
<% /if -%>
</div>

<script type="text/javascript" language="javascript">
<!--
if (document.comments_form.article_child__email != undefined)
document.comments_form.article_child__email.value = getCookie("seesaamail");
if (document.comments_form.article_child__writer != undefined)
document.comments_form.article_child__writer.value = getCookie("seesaaauth");
if (document.comments_form.article_child__homepage != undefined)
document.comments_form.article_child__homepage.value = getCookie("seesaaurl");
if (getCookie("seesaaauth") || getCookie("seesaaurl")) {
document.comments_form.bakecookie[0].checked = true;
} else {
document.comments_form.bakecookie[1].checked = true;
}
//-->
</script>

<% /if -%>


多いけど赤文字の箇所を追加する。
めんどくさかったら上のをそのままコピっても動く。


5. 別HTMLのコメント画面を修正する

コメントのある箇所は4番だけじゃないのです。
3番で編集した、[デザイン]→[HTML]でHTMLの編集画面を開く。

下の方にあるコメント入力画面で追加。
formが2つあるけど上のformは確認のformなので、下のformを編集



<form action="/pages/user/comments2/regist/input" method="post" name="comments_form" onsubmit="if (this.bakecookie[0].checked) rememberMe(this)">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
保存しますか?<input type="radio" id="remember" onClick="rememberMe(this.form)" name="bakecookie" style="margin-left: 15px;" /><label for="remember">はい</label><input type="radio" id="forget" name="bakecookie" onclick="forgetMe(this.form)" value="Forget Info" style="margin-left: 15px;" /><label for="forget">いいえ</label><br style="clear: both;" /><br />
<br />

コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="50"></textarea><br />
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
※半角英数字のみのコメントは投稿できません。<br />
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />
</div>
</form>
</div>

<script type="text/javascript" language="javascript">
<!--
if (getCookie("seesaaauth") || getCookie("seesaaurl")) {
document.comments_form.bakecookie[0].checked = true;
} else {
document.comments_form.bakecookie[1].checked = true;
}
//-->
</script>


<% /if -%>


毎度のことながら赤文字部分を追加。基本的に4番と同じ。


6. 再構築する

ちゃんと動くかどうかは「記事ページ」を再構築しないとわからない。

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:(http:を省略して下さい)
http:
コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/39543471
※言及リンクのないトラックバックは受信されません。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.