Blogger でブログを作成していて、右側の列 (幅: 280px) に Facebook の [いいね] ボタンを追加したいと考えています。Blogger の HTML/JavaScript ガジェットを使用しています。ボタンを適切に表示する HTML5 コードを取得しました。
<div class="fb-like" data-href="http://myblogaddress.blogspot.com" data-send="false" data-layout="box_count" data-width="60" data-show-faces="true"></div>
クリックすると、コメントを追加するオプションを含むポップアップが表示されますが、すぐに消えます。この動作は < div > エッジとの重なりが原因であることがわかりました。問題を解決できると思われるさまざまなパラメーターを設定しようとしましたが、うまくいきませんでした。
<div style="position:relative;overflow:auto;z-index:1;" class="fb-like" data-href="http://myblogaddress.blogspot.com" data-send="false" data-layout="box_count" data-width="60" data-show-faces="true"></div>
解決策を探していたときに、このブログに出くわしました。右側のペインにも Facebook のようなボタンがあり、魅力的なように機能します。ポップアップ ウィンドウが端に重なって、他のすべての上に表示されます。この動作を実現する方法を知っていますか?