アメブロ(グローバルメニュー・ヘッダー)のカスタマイズ

最近、クライアントからよく聞かれるので簡単に説明します。

アメブロは簡単にグローバルメニューもヘッダーもカスタマイズする事ができます。

画像をおみせしながらご説明いたします。

現状はこのようなブログですが、これが…

1

1、先ずは管理画面にログイン

2、ブログのデザイン変更をクリック

2

3、カスタマイズ可能を選択

3

4、CSS編集用デザイン選択

4

5、CSSの編集をするをクリック

5

6、CSSの最下部(その他、拡張があれば記述)にソースを追加する。

※CSS+HTMLは最下部よりダウンロードできます。ご利用くださいませ。

6

7、また管理メニューに戻ってフリースペースの編集をクリック

7

8、フリースペースにHTMLを使いする。

※CSS+HTMLは最下部よりダウンロードできます。ご利用くださいませ。

8

結果下記のようにグローバルメニューが追加されます。

ヘッダーもダウンロードのCSSソースから変更していただく事ができます。

9

簡単にカスタマイズできますので、一度挑戦してみてください。

アメブロのソースは下記よりダウンロードくださいませ。
ご自身で編集も可能です。
CSS編集の最下部に先ずはCSSを貼りつけてください。
そして、フリースペース編集より2のHTMLを貼りつけてください。

http://cftform.jp/IGD/fr/amba/GrLUav

CATEGORY:アメブロ