こんにちは。マリ(@damarino_oheya) です。
この記事では、はてなブログで
こんな感じにツイッターへのテキストリンクの前にアイコンを表示する方法を書いています。
①CSSにこちらをコピペします。
CSS
.tw::before{
font-family: "blogicon";
content: "\f035";
color:#4aa8e4;
}
*カラーを変更したいときは「#4aa8e4」を変えてください。
②記事を書くときのHTMLにこちらを使います。
<a class="tw" href="ツイッターURL">@ツイッターID</a>
ツイッターアイコンは、はてなブログのアイコンフォントを使っているのでこれだけで大丈夫だと思います♩
*テキストリンク自体は記事中のテキストリンクカラーになります。変えたいときはこちらをCSSに追加し「red」部分をお好きな色にどうぞ▼
CSS
.tw{
color:red!important;
}
▼はてなブログのアイコンフォントの使い方は「しろかい!」さんを参考にしています。