そんな訳で(前の記事参照)、
Movable Typeの、Amazonボタンを作りたいと思います。
Version 3.0でのやり方です。
あしからず。
Version 3.1は、
.tmplファイルに関しては、3.1にしましたが。を
参考にしてください。
mt.jsは同じです。
(2004.10.21追記)
mtフォルダーのtmpl/cms/bm_entry.tmpl,edit_entry.tmplを
エディタで編集。
これ↓を探して、
write(‘<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \’strong\’)"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>’);
Amazon用を入れる。
write('<a title="<MT_TRANS phrase="Amazon Associate">" href="#" onclick="return insertAmazon(document.entry_form.text)"><img src="<TMPL_VAR NAME=STATIC_URI>images/amazon-button.gif" alt="<MT_TRANS phrase="Amazon Associate">" width="26" height="18" border="0" /></a>');
次にJavaScriptの書き換え。
mtフォルダのmt.jsをエディタで開き、
function formatStr (e, v)
があるあたりに、insertAmazonという関数↓をぶち込む。
function insertAmazon (e) { if (!canFormat) return; var str = getSelection(e); if (!str) return; var my_asin = prompt('Enter ASIN:', ''); var my_use_image = prompt('Use Image (yes or no):', ''); var my_associate_id = "Associate ID"; if (my_use_image == 'yes') setSelection(e, '<a href="http://www.amazon.co.jp/exec/obidos/ASIN/' + my_asin + '/' + my_associate_id + '" target="_blank"><img src="http://images-jp.amazon.com/images/P/' + my_asin + '.09.MZZZZZZZ.jpg" alt="' + str + '" class="amazon" /></a>'); if (my_use_image == 'no') setSelection(e, '<a href="http://www.amazon.co.jp/exec/obidos/ASIN/' + my_asin + '/' + my_associate_id + '" target="_blank">' + str + '</a>'); return false; }
Associate IDを自分のIDにすること!
で、
本などの題名を選択して、
アマゾンボタンを押して、
ASINを入れて、
画像を使うかどうか聞かれるので、yes or noで答えて。
って感じです。
Noel作成ボタン。
←Ver. 3.0用
←Ver. 3.1用(2004.10.21追記)
9/27真夜中追記。
Version 2.6の場合は、
tmpl/cms/bm_entry.tmpl,edit_entry.tmplに
mt.jsの変更点を入れれば良いかと。
JavaScript自体.tmplファイルに書いてあるみたいなので。
責任は持てません。
自己責任でお願いします。
このIMGタグのClassはamazonです。
各自適当に設定してくださいませ。
2004.10.23追記→Amazon個別リンク
2005.1.15追記→MozillaでもOK
Leave a Reply