アメブロ全体のお手軽カスタマイズ | 備忘録 (。・_・。)ノ

起業家レーサー「福田光治」の本当の夢の叶え方。




初めての方へ|起業家レーサー「福田光治」の本当の夢の叶え方。




上のページだけで簡単カスタマイズ!!!




CSSを知らなくてもカスタマイズが出来るっ!


・コピペだけで楽々出来るっ!


・ヘッダー直下にメニューバーが設置出来るっ!


・サンプルヘッダー(3種類)が入ってるっ!


・サイドカラムの広告を目立たない場所へ移動出来るっ!


・グーグル広告・アメバ広告が目立たなくなるっ!


・設置動画マニュアルをみながらカンタンに設置できるっ!


・しかも作業時間はたったの6分21秒!


・そのすべてが無料で出来るっ!






しかし…





メニューバーが画像になっているのが…


タイトル画像を自分で…


これに時間がかかった^^;




①メニューバーのボタンを作成

ボタン素材 自動生成サイト - ButtonMaker


赤枠を指定して、青枠の「create」ボタンをクリック!

企業戦士サラリーマンのよき出会い (。・_・。)ノ-0




②ボタンを必要分だけ作成

企業戦士サラリーマンのよき出会い (。・_・。)ノ-1




③ボタンの結合(画像処理が苦手なのでエクセルで行いました)

企業戦士サラリーマンのよき出会い (。・_・。)ノ-2




④メニューバーを保存

企業戦士サラリーマンのよき出会い (。・_・。)ノ-3 重要




⑤画像をアップロードし、画像を表示させて右クリックでプロパティ表示で画像URLを取得

企業戦士サラリーマンのよき出会い (。・_・。)ノ-4






CSSの修正


background-image :url(http://stat.ameba.jp/user_images/20110212/12/ak09z/e4/97/j/o0800010011043216843.jpg
);


/*↑オリジナルメニューバーの画像のURLを入力   ★★★★★ココ!⑤★*/





これだけだとタイトル画像がないので寂しい…


ってことでまた同じような手順でタイトル画像作成そしてCSSの修正

background-image: url(http://stat.ameba.jp/user_images/20110212/14/ak09z/e2/0d/j/o0800030011043494929.jpg
);/ *ヘッダー画像のURLを入力。★★★ココ!②★*/