ソーシャルボタンの設置まとめとボタンの幅や吹き出しの直し方、コーディング方法など[2013.2.22改正] | Cappee Design
@cappeeです。 毎回ソーシャルボタンを検索するのもあれなので、リンク先をまとめておきたいと思います。 あと、ソーシャルボタンを設置した後ブラウザによってカウンターの吹き出しが切れてしまうことがあるので、その直し方もメモしておきます。 Facebook いいねボタン https://developers.facebook.com/docs/reference/plugins/like/ ※HTML5のコードで貼り付けるといいねした時にシェアのポップアップも表示されます。 いいねボックス https://developers.facebook.com/docs/reference/plugins/like-box/ コメント https://developers.facebook.com/docs/reference/plugins/comments/ おすすめボックス h
最小限の記述でソーシャルボタンを綺麗に並べる | rakuishi.com
Twitter, Facebook, Pocket, hatena 等のソーシャルボタンを綺麗に並べる方法を紹介します。 各ソーシャルボタンのコードを取得してきたまま貼り付けると上下がガタガタになります。これまではボタンの横幅を決め打ちし、float: left で横並びにして余白を調整していたのですが、良い方法とは思えませんでした。 最近、仕事で使っているのは、各ボタンを div で囲って、display: inline-block にして横並びにする方法です。これが最小限の記述でいちばん綺麗にソーシャルボタンを並べることができます。 inline 要素になったことにより（ちなみに inline-block は、inline とは異なり margin を設定できる）、行の中で縦方向の揃え位置を調整できる vertical-align が使えるようになります。これを top にすれば、上揃
Facebook ブログに配置した「ページのイイネ」部品（ウィジェット）の仕組みが変わったので、Facebook Developersの Page Plugin を使って設定した | ものくろキャンプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
