ヘッダーの下にメニューを設置する ①

ヘッダーのすぐ下にクリックで飛ぶメニューを設置します。


目的は、ブログから見込み客を集めるためです。

検討したい項目としては、
ホーム、ペタ、読者登録、メルマガ登録、メッセージ、
ルーム、ツイッターフォローなど目的でいろいろできます。


とりあえず最初なので、
ホーム、ルーム、読者になる、ペタ、メッセージ
の5つを並べてみます。


まず、目的のアクションのURLを取ります。
例えば、読者登録のアクションメニューを作る場合



読者登録するの上で、右クリックしてURLを記憶します。

http://blog.ameba.jp/reader.do?bnm=studycss

これが、このブログの読者登録ページへのリンクです。


これをそれぞれのメニューに応じてリンクを作成します。

ホーム　　　http://ameblo.jp/studycss/
ルーム　　　http://profile.ameba.jp/studycss/
ペタ　　　http://peta.ameba.jp/p/addPeta.do?targetAmebaId=studycss
メッセージ　　　http://msg.ameba.jp/popupSendMessageInput.do?toAmebaId=studycss

全部作ると次のようになります。



studycssは、このブログのディレクトリなので
ご自身のアメーバIDに書き変えればOKです。

注意点！
見やすさ優先で改行して書いてありますが、
実際は改行なしで詰めて書きます。


ブログを書く　→　サイドバーの設定　→　プラグインの追加
でフリープラグインに、書きこみます。


これで、メニューのリンクの準備ができました。