webコンサルタント無料講座・アメブロカスタマイズ方法
右下「画質変更」ボタンでＨＤ画質「1080p」を選択して頂ければ鮮明に見えます。
動画で学ぶ、アメブロ メニューバーの作り方(1)【HD画質】が、現在のページ
アメブロ・メニューバーの作り方「概略」
「ホームページ作り方動画１３時間講座のBRAIN」です。
今回は、アメブロ・メニューバーの作り方を、動画で解説します。
まずは、アメブロ・メニューバーの作り方の概略を、最初に、サクッと、つかんで下さい。
準備
メニュー設置作業前に、コチラを、ご覧頂き、下記作業を行ってください。
１、「ＣＳＳ編集用デザインへの変更」
２、「ＣＳＳのバックアップと、復元方法」
保存と修正
１、「アメブロ メニューバー用・HTML」をコピーし、メモ帳などに保存。
２、「アメブロ メニューバー用・HTML」を、メモ帳上で修正。
３、「アメブロ メニューバー用・CSS」をコピーし、メモ帳などに保存。
４、「アメブロ メニューバー用・CSS」をメモ帳上で修正。
※背景画像が変わるメニューバーを作成したい方は、「３」の作業の前に、アメブロ「メニューバー作り方」の詳しい解説ページから、メニューバー用画像を、「名前を付けて保存」し、ご自分のブログにアップロード。
貼り付け
１、アメブロ「フリースペース」に、「アメブロ メニューバー用HTML」を貼り付けし、保存。
２、アメブロ「ブログデザインのCSSの編集」記述の一番最後に、「アメブロ メニューバー用CSS」を貼り付けし、保存。
・・・以上で、「アメブロ メニューバー」完成です。
「アメブロ メニューバー用HTML」と「アメブロ メニューバー用CSS」は、こちらのアメブロ「メニューバー作り方」の詳しい解説ページの中に、記述しておりますので、コピーして、自由に、ご利用下さい。但し、著作権は「BRAIN」にございます。２次配布などは、ご遠慮ください。
