カスタマイズ以前、CSSのみでハンバーガーアイコンを作成したという記事を書きました。これは枠ありで背景色を自分で変えることが出来るというものでした。カスタマイズ今回ははてなブログスマートフォン用ページのヘッダーにアイコンや画像等を重ねて表示させる方法をご紹介します。カスタマイズ前の記事ではハンバーガーアイコンの作成方法を紹介しました。今回は作ったハンバーガーアイコンを利用して、クリックするとメニュー一覧が上から下りてくる「ドロップダウンメニュー(プルダウンメニュー)」をCSSのみで作成してみたので紹介します。カスタマイズハンバーガーアイコンとは上画の様なボタンのことで、ボタンを押すとメニューや設定画面と等が開きます。スマホ用のサイトとかで良く見かけるようになりましたね。今回はハンバーガーアイコンをCSSを使って作ってみたので紹介します。カスタマイズ今回は本文とサイドバーの間に仕切り線(上画像の赤枠部分)を表示させる方法をご紹介します。方法としては「記事本文の右側に線を表示」「サイドバーの左側に線を表示」の2パターンがあるので、この2つの表示方法と違いを書いていきます。カスタマイズスマホアプリのChromeでスクロールバーが2重に表示されてしまった場合の対処法をご紹介します。カスタマイズスマホページ用に横スクロール出来る画像付きカテゴリ一覧を作成しました。カスタマイズはてなブログのPC版ヘッダー画像を設定した時に、画像が切れてしまってうまくいかない時の対処法を載せてます。カスタマイズはてなブログのスマホ用ページで横スクロールできるグローバルナビの設置方法を紹介します。カスタマイズはてなブログのはてな記法で自動改行を無効にする方法と注意点を紹介しています。カスタマイズツイートボタンの公式カウンタが廃止されたので、ソーシャルボタンのデザインを変えることにしました。カスタマイズはてなブログで直帰率の改善に貢献してくれた3つのカスタマイズを紹介します。カスタマイズはてなブログでのダブルレクタングル(レクタングル横並び)の設置方法をご紹介。カスタマイズはてなブログで「ブログ幅」「記事本文の幅」「サイドバーの幅」を自由に変更する方法をご紹介。カスタマイズはてなブログでパンくずリストを表示してみたのでご報告です。カスタマイズはてなブログの記事下に「あわせて読みたい」プラグインを設置することで、直帰率が改善されたので報告します。カスタマイズはてなブログで「外部サービス連携」を無効にしたままTwitterカードに対応させる方法をご紹介。一つ一つのブログに対して個別のTwitterアカウントに連携させる場合におすすめです。カスタマイズ直帰率を改善させる為、はてなブログの記事下に「関連記事」を表示させました。カスタマイズはてなブログで読者になるボタンを設置する方法をご紹介しています。カスタマイズはてなブログのスマホ用のページにカテゴリ一覧を設置して直帰率の改善を図る。カスタマイズはてなブログの「続きを読む」リンクを画像に変更する方法をご紹介します。カスタマイズはてなブログでのタイトル下に表示されるカテゴリのデザインを変更の変更方法をご紹介。カスタマイズ↑以前までのスマホページのヘッダーはこんな感じ。これははてなブログのスマホページのヘッダーから変更したものです。カスタマイズはてなブログで記事本文の直下(ソーシャルボタン等の上)に一括でアドセンスを設置する方法をご紹介。カスタマイズchromeのブックマークレットを利用してマーケット(プレイストア)からスマホアプリのリンクを簡単に設置する方法をご紹介します。カスタマイズはてなブログの見出しデザインを変えてみました。スマホ用ページも変更可能です。はてなからメールがありました。内容ははてなブログのスマホアプリが出たとのこと。いうことで早速使ってみようと思いインストール。カスタマイズはてなブログに「トップへ戻る」ボタンを設置してみました。スマホ用ページ、PC用ページどちらにも対応してます。はてなブログに「トップへ戻る」ボタンを設置してみました|スマホページ、PCページどちらにも対応してます次のページ検索Twitter&はてな読者登録@chipspdさんをフォローブログランキング人気ブログランキングへ当ブログは人気ブログランキングに参加しています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。