ふくやりでは、家から出ないでできる副業のやり方をまとめて紹介します。まとめタイトル下の横メニューバーブログのタイトル下に横一列のメニューバーを設置する方法を紹介します。※主要なコードは、参考サイト(FC2ブログのテンプレート工房)から引用しました。テンプレートを編集するFC2ブログにログインしたら管理画面より「テンプレート」を押します。テンプレートを複製テンプレートを編集するときには、必ず「複製」を行い、元テンプレートの状態を保持したうえで編集するようにしましょう。編集したいテンプレートの「複製」を押します。複製元テンプレートと区別がつくようにテンプレート名を変更しておくと良いでしょう。名称を変更したら、「更新」を押します。複製し名前を変更したテンプレートを編集していきます。「編集」を押しましょう。HTMLを編集する横メニューバーを設置するには、まず「HTML」を編集して行きます。テンプレート管理画面の下に「HTML編集」という箇所があります。次のコードをコピペして使います。▲-->これをタイトルの下のあたりに挿入します。テンプレートによって違うので、いろいろ試して確認しながら探してみてください。この段階ではまだ横並びではなく、縦にリスト表示状態です。「記事」や「カテゴリ」はそれぞれのブログに合わせて<li>要素を追加や削除して変更してください。スタイルシートを編集する横並びのメニューになるように、デザインをカスタマイズしましょう。デザインを変更するには「スタイルシート(CSS)」を編集して行きます。テンプレート管理画面の下に「スタイルシート編集」という箇所があります。次のコードを一番最後にコピペすれば良いです。*/これで横並びのメニューを追加することができました。プレビューして確認してみてください。ドロップダウンメニューを追加する横並びのメニューにさらにドロップダウンメニューを追加してみましょう。次のコードを横並びメニューを設置した場所に置き換えるようにコピペします。▲-->まだデザインを変更していないので、ドロップダウンメニューにはなっていませんが、このように部品が分解されます。ドロップダウンメニューを作成するのは、次の部分です。href="#">第2階層</a></li></ul></li>上の例では、最後のメニューに「第1階層」というメニューが付いて、そこにカーソルを当てるとドロップダウンメニューとして、「第2階層」が出てきます。リンクを付けてください。ドロップダウンメニューを付けたい場所に<li>要素を移動させたり、同じような感じで追加すればメニューの並びを変更することができます。最後にドロップダウンメニューになるようにデザインを付けます。次のコードを一番最後にコピペしてください。*/これでドロップダウンメニューを追加することができました。マウスが当たる前はこのようになります。マウスが当たるとドロップダウンメニューが現れます。まとめメニューの数はリスト要素を増減させることで変更が可能です。オリジナルのメニューに変更するのは大変かもしれませんが、デザインの幅が広がりますので、ぜひチャレンジしてみて下さい。今回は、FC2ブログの記事内にインフォカートのバナー広告を貼る方法について紹介します。