アメブロの新CSS編集用デザインのためのカスタマイズ方法をまとめた目次記事です。ヘッダー画像の表示やグローバルナビの設置など、アメブロを自分らしくカスタマイズする方法を掲載しています。新しいカスタマイズのノウハウ記事やハウツー記事を追加した場合は、こちらの目次も更新しますので、時々チェックしてみて下さい。続きを読む
d001／新CSS専用オリジナルスキン／暗色系
無料のアメブロの新CSS編集用デザイン専用オリジナルスキン「d001」です。 暗色系の背景に白文字のシンプルなデザインで、新CSS編集用デザインの全てのレイアウトに対応しています。 各レイアウトに設定した見本のスクリーン続きを読む
ヘッダー下にグローバルナビを設置する方法
アメブロの新CSS編集用デザインで、フリースペースとCSSを使ってヘッダー下にグローバルナビを設置するカスタマイズ方法について解説します。5つボタンのシンプルなものからボタン数や色など好みで変更することが可能です。続きを読む
ヘッダーの上下にグローバルナビを設置する
アメブロの新CSS編集用デザインで、フリースペースとCSSを使ってヘッダーの上と下に合わせて2つのグローバルナビを設置するカスタマイズ方法について解説します。ヘッダー下に設置する基本的な方法を流用して上側にも追加します。続きを読む
ヘッダーの上にグローバルナビを設置する方法
アメブロの新CSS編集用デザインで、フリースペースとCSSを使ってヘッダーの上にグローバルナビを設置するカスタマイズ方法について解説します。ヘッダー下に設置する方法を流用して上側に移動させます。続きを読む
スクロールでサイドバーやグローバルナビがズレる原因と防ぐ方法
アメブロのPC向け画面で、スクロールした時にサイドバーやフリースペースに設置したグローバルナビの位置がズレてしまう問題の原因と防ぐ方法について解説します。続きを読む
ページのトップへ戻るボタンを設置する方法
新CSS編集用デザインのアメブロのパソコン向け画面にクリックでページの一番上までスムーススクロールする「トップへ戻る」ボタンを設置する方法をご紹介します。続きを読む
コメント欄をふきだし風にする方法
アメブロの新CSS編集用デザインで、コメント欄を「吹き出し風」にするカスタマイズ方法を解説します。ユーザー間の交流が多くSNS要素の強いアメブロで交流の場となるコメント欄を会話風にできます。続きを読む
記事内の見出し(大・中・小)を分かりやすくカスタマイズする方法
アメブロの新CSS編集用デザインで、記事本文内の見出し(大、中、小)の表示をもっと分かりやすく、見やすく、見出しらしくするカスタマイズ方法について解説します。続きを読む
サイドバーのウィジェットのタイトルを英語に変えてみる
アメブロの新CSS編集用デザインで、サイドバーの各ウィジットのタイトル部分を、英語など別の表記で表示するカスタマイズ方法について解説します。続きを読む
メッセージボードに画像で飾り枠をつける
アメブロの新CSS編集用デザインでトップページに表示されるメッセージボードに画像を利用した飾り枠を付けて、目を引くデザインにするカスタマイズ方法をご紹介します。続きを読む
ページ全体の背景色の設定と背景画像を敷き詰める方法
アメブロの新CSS編集用デザインで、ページ全体の背景色を設定したり、画背景像を並べて敷き詰めるカスタマイズ方法について解説します。続きを読む
ヘッダー部の背景色や文字色を変える方法
アメブロの新CSS編集用デザインで、CSSを編集してヘッダー部の背景色や文字色を好みの色に変更するカスタマイズ方法を解説します。続きを読む
グローバルナビにサブメニューを追加する方法
アメブロの新CSS編集用デザインで、フリースペースとCSSを利用して設置したグローバルナビにプルダウン型のサブメニューを追加するカスタマイズ方法を解説します。続きを読む
ヘッダー画像を設置・表示する方法
アメブロの新CSS編集用デザインで、ヘッダー部にヘッダー画像を設置・表示するカスタマイズ方法について解説します。基本的な設定から画面いっぱいに表示する方法まで詳しく説明しています。続きを読む
サイドバーのフォローボタンの表示テキストを変える方法
アメブロの新CSS編集用デザインで、サイドバーの「プロフィール」や「このブログのフォロワー」欄にあるフォローボタンに表示される「+フォロー」や「フォロー中」という表示を別のテキストに変えるカスタマイズ方法について解説します。続きを読む
ヘッダーにスライドショーを設置・表示する方法
アメブロの新CSS編集用デザインで、ヘッダー部にスライドショーを設置するカスタマイズ方法です。アメブロは基本的にJavaScriptを使えないため、CSSだけで（CSSアニメーションを使って）スライドショーを表示します。続きを読む
サイドバーのプロフィール画像を大きく表示する方法
アメブロの新CSS編集用デザインで、サイドバーのプロフィール欄に表示されるサイズの小さいプロフィール画像を、もっと大きなサイズに拡大（変更）して表示するカスタマイズ方法について解説します。続きを読む
サイドバーのプロフィール欄をシンプルにする方法
アメブロの新CSS編集用デザインで、サイドバーのプロフィール欄から「プロフィール画像」「名前」「フォローボタン」以外の項目を消してシンプルなプロフィール欄にするカスタマイズ方法について解説します。続きを読む
マウスホバー時にリンクを半透明化させない方法(新CSS)
アメブロの新CSS編集用デザインで、各種リンクがマウスホバー時（マウスカーソルをリンクに重ねた時）に半透明化されるようになっているのを無効化するカスタマイズ方法について解説します。半透明化によって問題が発生する場合に参考にして下さい。続きを読む