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