はてなブログカスタマイズ

謎のサムネになってしまった… 誕生日 ブログカスタマイズ ヘッダーに画像を設置 行間とフォントを変更 Simejiの着せ替え変更 体調 微熱がポワポワ 花粉症による肌荒れ対策 給湯器と電子レンジ買替え Undertale KAT-TUN解散 新学期が始まりますね 誕生日 またひとつ歳をとりました。 こんな歳になったらもう誕生日なんてあんまり嬉しくないと思っていたけれど、たくさんの方からお祝いのメッセージやプレゼントをいただいて、幸せな気持ちでいっぱいになりました。皆さん、私と出会ってくれて有難うございます。これからもよろしくお願いします。 ブログカスタマイズ ヘッダーに画像を設置 しれっと3/…

よくブログの記事を読む際に記事の上らへんに「当サイトはアフィリエイト云々」とか「本ページには広告云々」とか「当記事にはプロモーション云々」のように書かれているものを見かけると思います。 現在では広告収入を得るためにブログに広告を掲載する際にはしっかりとその旨を書かないといけないようになっているからです。 現時点では私のブログには関係ないと言えばないのですが、そのうちはやるので予めやっておこうと思います。 億万長者への第一歩。

基本的な設定は前回記事まででできたかなと思います。 見たい方は以下をクリック。 はてなブログで最初にやっておくべき初期設定〜基本設定と詳細設定〜 - まだ大阪で消耗してます。 続・はてなブログで最初にやっておくべき初期設定〜詳細設定を詰める〜 - まだ大阪で消耗してます。 はてなブログの公開設定を後悔しないように設定する - まだ大阪で消耗してます。 はてなブログ設定のaboutページ編集について - まだ大阪で消耗してます。 何だかんだと記事を書いているうちに多少はてなブログにも慣れてきた感じがあります。 このままはてなブログが親兄弟以上の存在になるように日々やっていきたいなと思ってます。

ブログテーマを変えました はてなブログ使ってない人からしたら「何の話？」って感じだと思うのですが、ブログのデザインを変えました。 何で急にそんな面倒なことをしたかというと、2月14日に急にブログが開かなくなったのです。 いや、正確に言うとパソコンからは時間をかければ見れる、スマホからは真っ白な画面になるだけでいつまで経っても開かないという具合です。原因は不明。 私はこういうことがまったくもって得意ではないので、ひたすらGoogleで調べつつ、ブログが重くなりそうなHTMLやCSSは片っ端から削除。いろいろと調べていくうちに私が使用していたブログテーマ「DUDE」は重い、と書いてある記事を見つけ…

トップページをブログカード式にするには、記事一覧表示を選択しないとできないらしい。つまり、無料ブログでは、基本的にカード式表示はできないということになる。しかし、無料ブログでもトップページをカード式に表示させる裏技があったのだ。👇こちらのブログ、カスタマイズが凄いな～と思って拝見していたのだけど、無料ブログでもトップがカード式になっている。 無料ブログでは、トップページを一覧形式にする選択はできない。それでは、どのように記事を一覧表示させるのか。その裏技は意外と単純で、トップページからアーカイブ（記事一覧表示ページ）に強制的に飛ばしてしまうというやり方だった。なので、無料でカード式表示のブログ…

レスポンシブデザインに対応しているはてなブログのデフォルトの公式テーマ「Smooth」の記事一覧ページをGrid レイアウトでカード型にしてみました。 はてなブログPROのユーザーは表示形式を一覧形式に変更すればトップページがカード型になります。 全てのブラウザがCSS Gridに対応したので、はてなブログのデフォルトの公式テーマ「Smooth」用のカード型デザインをCSS Gridで追加コードを作ってみた。 実行結果です笑 iPhoneの縦向きは1列 iPad iPhoneの横向きは2列 PCは3列表示になります ↓使う方はデザイン→カスタマイズ→デザインCSSに以下のコードをコピペでどうぞ…

⬆️画像だよ クリックで拡大⬆️レスポンシブデザインに対応しているはてなブログのデフォルトの公式テーマ「Smooth」を使ったブログの表示がiPhoneで見ると横揺れがするのでCSSを見てみたら、犯人がちゃんといるじゃあ、ありませんか笑。 entry-footer-adというclassの左右のマージンがネイティブマージンになっていたのだ。⬇️画像だよ 横揺れの根本的な原因はこれ⬇️ なんでネイティブマージンでデザインをととのえたのか理由はわからないけど、とりあえずCSSを修正。 (max-width: 767px) { .entry-footer-ad { margin-left: 0; ma…