THE HAM MEDIA BLOG

amazlet

amazonの商品を簡単に自分のブログにつけられるツールは、
amazon自体からもでているし、他にも様々なサービスがある。

僕がメインとして利用しているのは、G-tool。
でも、amazletの方が、タグを使いやすいと思ったので、
切り替える事にした。

でも、不必要な指定とかもあるので、自分のブログに特化できるように、
必要な部分だけ自動的に抜き取ってカスタマイズするプログラムを
jQueryを使って作ってみた。

↓ここにHTMLをコピーして貼り付けてプレビューを押す。

プレビュー場所

<div class="amazlet-box"><div class="amazlet-image"><a href="[book-URL]"><img src="[book-img-URL]" alt="[book-name]" /></a></div><div class="amazlet-info"><p class="amazlet-name"><a href="[book-URL]">[book-name]</a></p><p class="amazlet-powered-date">[book-date]</p><p class="amazlet-detail">[book-detail] </p><p class="amazlet-link"><a href="[book-URL]">Amazon.co.jp で詳細を見る</a></p></div></div>

↑あとはコレをコピーしてブログに貼り付けるだけ。

仕組みを簡単に言えば、必要なURLや情報を抜き取り、
必要最低限のHTMLタグだけにするのですけどね。

あとは各自のブログに合うように、
CSSを設定しておいてください。

※追記(03/30 01:15)
現在「<br />」を「&lt;br /&gt;」に置換するのが
上手くいっていないので、とりあえずはバグだらけです。
やりかたがわからない〜（泣）
それでもいいという方、お使いください。
※追記(03/31 01:15)
バグを修正しました。おすすめレビューは表示させてません。