Simple Life Navi

日常のちょっとした気づき、体験などを掲載します

- トップもご覧ください - 検索画面では「シンプルライフナビ」と検索ください -

Blog

Mobile

Travel

Useful

☕ New Articles ☕️️

HTML&CSS

HTMLやCSSのコードに関する記事です

グローバルメニュー(ナビゲーション)が上部に来たら固定する方法|jQuery利用、コピペOK

はてなブログのグローバルメニュー(グローバルナビゲーション)を、jQueryで画面上部に固定する方法です。HTMLとCSSのコードをコピペするだけで使えます。

はてなブログ|グローバルメニュー(ナビゲーション)のCSS|スマホ対応、コピペOK

はてなブログにグローバルナビ(グローバルメニュー)を簡単に設定するデザインCSSとHTMLを公開。コピペもできるのでカスタマイズして利用してください。

はてなブログの記事や一覧表示の日付をCSSで非表示にする方法(公開日・作成日を消す)

ブログ記事に表示される日付(投稿日付)を非表示にして隠す方法です。CSSにコピペして追記するだけで利用でき、日付表示をコントロールできます。ブログ初心者にオススメ。

スマホ下部固定メニューのCSS|ボトムナビゲーションの設置方法|はてなブログで回遊率を上げる

スマホ画面に下部固定メニューのナビゲーション、ボトムメニューを設置してブログのPVやアクセスを高める方法。CSSとHTMLをコピペしてフッターに設定すればOK。はてなブログ初心者にオススメのカスタマイズ!

はてなブログ|読者人数を消して非表示にする方法と「読者になる」ボタンの設定

はてなブログの読者の人数を非表示にして、隠す方法です。読者になるボタンの設置方法をカスタマイズすることができます。はてなブログ初心者向けです。

ブログにグーグルマップを埋め込み、案内地図や行き方を表示する方法を解説

ブログにグーグルマップを入れて地図を表示する方法です。案内図や移動方法をブログに載せると特定場所への行き方をイメージしやすくなるので便利です。

ブログデザイン|アイコンを表示してサイドバーをおしゃれに!CSSコピペOK

はてなブログのサイドバーのタイトルに、ブログの見た目のイメージが良くなるアイコンフォントを設定する方法です。色も指定できますので、ブログカスタマイズをしたい方はお試しください。