読者です 読者をやめる 読者になる 読者になる

NO TITLE

WEBデザインとかブログ運営、社会・経済、音楽などなど

はてなブログでFacebookのアイコンが消えた人は、コードを書き換えて下さい。

ブログ運営 ブログ運営-カスタマイズ

スポンサードリンク

Facebookのアイコンが消えた場合の対処法

どうやらはてなブログでFacebookのアイコンが表示されなくなっているようですね。

ということで、はてな側で用意しているWEBアイコンではなく、Font Awesomeのアイコンを利用しましょう。

記事上か記事下、もしくはその両方のHTMLから、

blogicon-facebook

という部分を見つけ出して、


fa fa-facebook-square

に書き換えればOK。


たとえば、ゆきひー氏やしゅん氏、及び当ブログ作成のシェアボタンは、

<i class="blogicon-facebook lg">

これを、

<i class="fa fa-facebook-square lg">

こうしたらOK。

ただ、Font Awesomeのアイコンははてなのアイコンよりサイズが大きいみたいです。

CSSで微調整して下さい。1~2pxくらい小さくすると丁度良いです。

BrooklynのCSSは調整済みなので、こちらの記事からHTMLをコピペしていただければOKです。

shiromatakumi.hatenablog.com


当ブログのシェアボタンを利用している人は、こちらからHTMLとCSSの部分を再度貼りなおして下さい。

shiromatakumi.hatenablog.com


引き続きブログカスタマイズサービスも宜しくお願いいたします。

ブログのカスタマイズサービス始めました

私とFacebookシェアボタンの戦い一覧

shiromatakumi.hatenablog.com

shiromatakumi.hatenablog.com