読者です 読者をやめる 読者になる 読者になる

100Buck$

このブログでは主に英語・音楽関連のネタを発信します。

CSS MenuMakerでメニューバーを作ってみた

f:id:BuckS100:20150330024015p:plain

CSS MenuMakerでメニューバーを作ってみました。1番最初にGoogleで「はてなブログ メニューバー 無料」と検索すると、色々なブログでCSS MenuMakerが紹介されていたので、早速メニューバーを作ろうとサイトに飛んだところ...

「まさかの有料!!!!!」

たくさんのブログが無料と紹介していますが、2015年4月現在はすでに有料になっています。「年会費14ドルかあ...無料のサイトないかな」と英語も駆使して探しましたが、CSS MenuMakerほどシンプルでデザイン豊富なサイトは見つかりませんでした。私はCSSもHTMLも全く触った事がない初心者ですが、このサイトを使うととても簡単にメーニューバーを作る事が出来ます。

メニューバーの作り方

1.はてなブログ用にメニューバーを作りたい場合は「Online」をクリック。

f:id:BuckS100:20150330033206p:plain

2. 「Change Thema」や「Color」で自分のお好みにカスタマイズ。

f:id:BuckS100:20150330034017p:plain

3.カスタマイズ出来たら、HTMLのコードをコピーしてはてなブログのヘッダー下へ張り付け。

f:id:BuckS100:20150330035122p:plainhttp://www.koutokuten.com/bankinauction/images/yajirushi.giff:id:BuckS100:20150330040129p:plain

4.CSSも同じようにコピーしCSSへ張り付け。

f:id:BuckS100:20150330035156p:plainhttp://www.koutokuten.com/bankinauction/images/yajirushi.giff:id:BuckS100:20150330040329p:plain 

まとめ

 どうでしょうか、とても簡単だと思います。14ドルの価値はあると思いますが、無料だったと聞くと損した感はあります。(笑)でも、CSSとHTMLを覚えるにはかなりの時間が必要ですし、綺麗にメニューバーを作るのはとても大変なことなので、私はとても満足しています。

 

 

広告を非表示にする