カスタマイズ

【はてなブログ】オリジナル画像の「トップに戻る」ボタンをつけてみよう

2018.2.19 コードの不具合部分を修正しました&「ヘッダーの設定について」を追加しました。 はてなブログに「トップに戻る」ボタンを設置してみました。 「トップに戻るボタン」は、本文の途中で表示されるもので、押すと瞬時に先頭に戻ることができるボタ…

はてなブログのSNSシェアボタンを簡単カスタマイズ!「AddThis」の使い方

はてなブログにちょっぴりおしゃれなSNSボタンを設置しました。 前々から、いい感じのSNSボタンをつけたかったのですが、これで実現! 「AddThis」という海外のサービスです。 SNSボタンをかんたんに設置できる「AddThis」 CSSの知識がなくても、かんたんに…

ふきだしを使った際にアイコンの端が切れる問題を解決しました

ブログテーマ「Blooklyn」をスマホでみると、画面の端が切れてみえることがあります。 PCだときちんと入るのに スマホやタブレットでみると、画面の端に接したところが切れてしまいます。 今回はその対処方法です。 ▼「両端が切れる問題」が発覚した記事はこ…

はてなブログの見出しのデザインをカスタマイズしてみました

はてなブログの大見出し(h3)を、ステッチ風にしてみました。 実装自体は簡単だったのですが、使用しているブログテーマと干渉するようで、思うように表示されず苦労しました。 というわけで、今回はその顛末を書いてみます。 ステッチ風の見出しをステッチ…

【これで解決!】スマホ表示をするとタイトル画像の左右が切れる問題【はてなブログ】

はてなブログはレスポンシブ対応が不完全なようで、スマホで見るとタイトル画像(ヘッダー画像)の左右が切れて表示されることがあります。 ヘッダーが文字だけならいいようですが、画像になっているとレスポンシブが効かないようです。というわけで、対処方…

【何をしたらいい?】はてなブログで最初にやったカスタマイズと設定まとめ

はてなブログをスタートして最初にやったカスタマイズと設定をまとめてみました。 カスタマイズや設定で迷っている人の参考になればと思います。 どれもかんたんにできるカスタマイズと設定ですよ。 記事の文字色を変更 コメント欄の表示・非表示 画像の圧縮…