MovableTypeのススメ

はてなスターを付けてみました。（MTHatenaStar）

はてなスターとは、ブログにワンクリックで☆が付けられるサービスです。
簡易トラックバックといった感じでしょうか。

詳しくはこちらを参照下さい。

はてなスターはじめてガイド

導入方法ですが、通常通り<script>タグを埋め込む方法もありますが
MTのプラグインMTHatenaStarを使う方法で試してみました。

１．Kickstart my heartよりMTHatenaStarプラグインをダウンロード。

２．ダウンロードしたファイルを解凍し、MTHatenaStarフォルダを
pluginsディレクトリへアップロード。

３．はてなスターのページへアクセスしログインします。
アカウントを持っている人はログイン、持ってない人はユーザ登録します。

２．Blogsをクリック、「外部のブログサイトを登録する」にサイトURLを登録

３．表示された<script>コードのトークン部分をコピー

４．プラグインの設定画面で、３で取得したトークンを入力し・保存

５．はてなスターを表示したい場所に<$MTHatenaStar$>を挿入・再構築

以上です。

今回、参考にさせて頂いたのはプラグイン配布元のKickstart my heartさんです。ありがとうございます。

この記事は期待通りの内容でしたか？

Ajaxで画像表示（ThickBox3）

~~ThickBox3で利用しているjquery.jsが原因でAjaxカレンダーが表示できなくなったため現在、ThickBox3の使用を止めています。なのでサンプルは動きません。~~
調べたところprototype.jsがjQuery.jsに干渉しているようです。
上記の問題を修正しました。詳しくはコチラ

ThickBox3はAjaxを利用して画像を表示するライブラリです。
同じようなものにLightboxもありますが、今回はThickBoxを使ってみることに。

設置するとこんな感じで表示されます。（サンプル）

それでは設置方法です。

１．下記サイトより必要なファイルをダウンロード

ThickBox 3.1

「Download」の箇所に各ファイルへのリンクがあるので、右クリックし対象をファイルへ保存。必要なファイルは下記の通りです。

・thickbox.js
・jquery.js
・thickbox.css
・loadingAnimation.gif

２．ダウンロードしたファイルを自身のサーバにあわせてアップロード

３．テンプレートの<head>～</head> に下記を追加・再構築

<script type="text/javascript" src="<$MTBlogURL$>js/jquery.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>js/thickbox.js"></script>

<link rel="stylesheet" href="<$MTBlogURL$>thickbox.css" type="text/css" media="screen" />

パス部分は自身のサーバにあわせて書き換えてください。

４．<a>タグのclass属性にthickboxを指定する。

<a href="http://mt.nosusume.com/img/sample_l.gif" title="サンプル" class="thickbox">サンプル</a>

左下のキャプションはtittle属性で指定できます。

以上です。

他にもいろいろと機能があるようです。
詳しくは本家サイトを参照して下さい。

この記事は期待通りの内容でしたか？