はてなダイアリーでPOPPIN BOOKSを利用すると、画像が左揃えになりレイアウトが崩れてしまいます。
これは、はてなで利用できないタグが、POPPIN BOOKSのコードに含まれていたためでした。
（divとstyleがダメみたいです。）
そこで、はてな用のコードを作成するボタンを追加しました。
テストして、きちんと表示されることを確認していますが、何か問題がありましたらご連絡ください。
コードを貼り付ける時は、HTMLを直接編集する必要があります。
そのため、ブログがリッチテキストエディタを使用する設定になっている場合は、HTMLを直接編集するモードに切り替える必要があります。
いくつか具体例を挙げます。
＜seesaaブログの場合＞
１．「HTML」ボタンをクリック。
２．「<p> </p>」を消去。
３．コードを貼り付けて、「挿入」ボタンをクリック。
４．POPが表示されます。
＜ココログの場合＞
「HTMLの編集」タブをクリックし、コードを貼り付けます。
他のシステムでも、似たような操作だと思います。
不明な点がありましたら、コメントでご連絡下さい。
よろしくお願いします。
2006/09/27追記
wikiに貼り付けるケースについて、付け加えます。
＜＠wikiの場合＞
１．ページ作成時には、ワープロモードを選択する。
（これは管理者の方の作業です）
２．画面左下の「HTML」にチェックを入れ、コードを貼り付ける。
３．「HTML」のチェックを外すと、POPが表示される。
POPPIN BOOKSを利用して頂いているページを紹介します。
http://blogs.dion.ne.jp/tezuka/archives/4107533.html
http://books.holy.jp/blog/2006/09/post_606.html
http://blogs.dion.ne.jp/taitsy0719/archives/4087775.html
http://d.hatena.ne.jp/noraneko/20060910/p3
http://d.hatena.ne.jp/noraneko/20060908/p2
http://d.hatena.ne.jp/noraneko/20060906/p2
http://d.hatena.ne.jp/noraneko/20060904/p4
http://yellow-yellow-happy.seesaa.net/article/23745547.html
http://www.zicco.biz/2006/09/post_4.html
http://shogiban.seesaa.net/article/23081688.html
http://blog.kotone.org/archives/50839228.html
http://jpnsoccer.seesaa.net/article/23634881.html
http://yura.oops.jp/diary/log/eid656.html
http://longbottom.blog.ocn.ne.jp/nikki/2006/09/post_6281.html
http://d.hatena.ne.jp/sunami_a/20060908
http://torikaebaya.blog61.fc2.com/blog-entry-42.html
http://cozcom.blog33.fc2.com/blog-entry-47.html
http://books.holy.jp/blog/2006/09/poppin_books.html
http://kaoruh9695.seesaa.net/article/22972944.html
http://bolinc.net/?p=347
http://yaplog.jp/uta-ciao/archive/358
http://www.visualbook.jp/2006/08/post_100.html
http://dpfrst.seesaa.net/article/22831588.html
http://haz.blog14.fc2.com/blog-entry-440.html
http://d.hatena.ne.jp/studiokingyo/20060904
http://sealion.exblog.jp/4115125
http://amaz.blog56.fc2.com/blog-entry-92.html
とりあえず、URLだけ。
ポップを作りたいけどいい言葉がなかなか思い浮かばない、というご感想をよく聞きます。
そんな時に参考になりそうなサイトを探してみました。
ぜひ、ご覧ください。
・店頭POP製作所
WEB本の雑誌の中の、ポップに関するコンテンツ。
POP王が製作したポップが、なんと800枚もあります。
しかも、毎日更新！
イラスト入りの高度なものもありますが、勉強になります。
・本屋大賞【POP対決2006★王と姫】
POP王には、強力なライバルがいます。
それは、POP姫！
2人が壮絶な？ポップ製作バトルを繰り広げます。
・緊急企画！「POP王とPOP姫の本屋大賞対決」
こちらは、2005年の対決。
・@nifty:デイリーポータルZ：100本ポップ
ライター5人が、それぞれ100本のポップを作り、売り上げで対決！
かわいいイラストのポップ、
青マジックで書きなぐるポップ、
著者の似顔絵を連発したポップ、
蛍光マジックでへなへなっと書いたポップ。
それぞれ個性が違うので、とっても面白いです。
さて、優勝は誰でしょう？
・ヴィレッジヴァンガードのポップのこだわりに迫る!! エキサイトニュース
吉祥寺店の店長さんが、ヴィレヴァン風ポップ作りのコツについて、答えています。
｢大ウケを狙わないこと｣というのは、なるほどなあと思いました。
・ヴィレッジヴァンガード杯 手書きPOPコンテスト
POPPIN BOOKSを使って、こういうコンテストをやってみたいです。
スポンサーさんは、いないかなあ…。
ポップを印刷してみました。
ポップを差し込んでいるスタンドは、近所のホームセンターで150円で売っていたものです。
こうしてみると、実際の書店でも使えそうですよね？
POPPIN BOOKSで作成したポップを、WEBサイトで利用する場合には、以下のルールに同意してください。
1. 公序良俗に反する内容を表示させないでください。
2. 商品画像の下部に表示される、当サイト(http://poppinbooks.com)へのリンクを、消去しないで下さい。
3. ユーザーが作成したポップを、POPPIN BOOKS運営者は自由に使用できるものとします。
4. POPPIN BOOKSの利用によって、ユーザー及び第三者に対して生じた結果に関して、POPPIN BOOKS運営者はいかなる責任も負いません。
5. この利用規約は、当サイトにてアナウンスした上で、自由に改変できるものとします。