ブログ運営には欠かせない、はてな読者登録や各種SNSのフォローボタンを新しく作りました！今回のは自信作だぜ！ 過去にも『読者になるボタン』のカスタム記事を書きましたが、今回はその他のフォローボタンもまとめて一新しました！複数のSNSをやっている方には、このボタンデザインはおススメ！ 過去記事 georges.hatenablog.jp 追記（3/4） 伸縮するボタンのリンクの領域をボタン全体になるように修正しました。お手数ですが使ってくれている方はCSSの上書きをお願いします。もちろんこのままでいいって方はそのままお使いください！ まずは完成形 Hatena Twitter Feedly Facebook マウスを乗せるか、タップしてみてくださーい！どう？横にビヨーンで伸びたり縮んだり！かわいいですね。キュートですね。 このデザインのおススメポイントは、画面サイズやサイドバーなどのサイズに

どうも、沖縄在住ニートブロガーのケンヂ（@neetblogman）です。 ブロガーの諸君、ブログのカスタマイズはやっているかな？僕は最近怠け気味なんだけど、そろそろ本腰を入れてやらなきゃいけないと思っているよ（年内には） それはそうと、ブログのカスタマイズって面白いよね。 先人が作ってくれたコードを元に様々な機能を導入したり、そこに自分なりのデザインを加えたりして、思った通りのデザインになってくれると画面に向かって『ヤベー俺（私）天才ッ！』って言っちゃうくらいには面白い。 ちなみにこういう独り言をいい始めたらプログラマの仲間入りだから。 そんな話は置いといて。 僕がはてなブログを始めた頃、とにかくいろいろな人のブログを参考にしてレイアウトを学び、広告配置はどんな構成でやればいいのかなど、とにかく他のサイトを参考にしまくりました。 その時の僕は『先人の運用方法を参考にすれば間違いないだろう』

hatena-memorandum.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

はてなブログでは，デフォルトで読み込まれるCSS「globalheader.css」で，79種類のアイコンWebフォントを読み込んでいます．これらのアイコンで間に合うのならわざわざ「Font Awesome」を読み込む必要もなく，ページの軽量化が期待できます．そこで，本記事では，それらのアイコンの一覧と使い方をまとめました． はてなブログのアイコンWebフォント一覧 とりあえず，どんなアイコンが使えるのか見てみましょう． よく使いそうなアイコンはひと通り揃ってそうな気がしますね！ しろかい！でも，一部のソーシャルメディアのアイコンを除き，基本的にはこのWebフォントしか使用していません．Font Awesomeは一切使用していません． では，使い方を見ていきます． 使い方その1：<i>タグを使う アイコンを表示したい部分に，以下のように記述すればOKです． <i class="(使用したい