Facebook いいねボタンを設置したけど【「いいね!」と言っている友達はまだいません。 】はネガティブなので非表示にしたい!

DECORU

最近では Facebook のイイネ!ボタンをサイトに表示させることが当たり前になってますね。
まだ設置してない方は簡単ですのでぜひやってみてください。

Like Button

↑ のページで4箇所指定するだけでコードをもらえるのでそれをサイトのテンプレートに貼り付けるだけです。
超簡単です!
昔は いいねボタン設置しますって営業電話かかってき書こともありましたが、こんな簡単作業にお金は掛けたくないですね。

しかし、これ表示させると【「いいね!」と言っている友達はまだいません。】と、なんかネガティブな文言が表示されちゃう・・・
しかも、スマートフォンだと横に長いので表示がおかしくなってしまいます。
調べてみましたがどうも非表示にできないようなのでとても困った文言ですね。

そこで、CSS で隠しちゃましょう。

 display: none; では非表示にできませんでした。
うまくやったらできるのかもしれませんが・・・
なので、はみ出した部分は表示しない overflow: hidden; で隠しちゃましょう!

これで、スマホでもレスポンシブでも対応できちゃいます。

2014/04/08(火)

------

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

PAGE TOP