初心者歓迎！ブログdeアフィリエイト

サイトメニューの作り方

たまにメールや質問掲示板などで

アリさんのブログの記事の上でカテゴリ分けがされていますけど、あれはどうやるんでしょうか？
そういうテンプレートなんですか？

というような内容の質問をいただくんですけど、同じことで悩んでいる方が結構いるようです。
なので今日はその辺について簡単に書いておこうかなぁ、と思います。


サイトメニューは、そういうテンプレートでもブログの機能でもなく、自分でHTMLで作ります。

カテゴリーのURLや記事のURLを調べて、それを元にHTMLを作っていくんです。


ホームページビルダーなどのソフトがあれば簡単に出来ると思いますが、簡単なものでよければ雛形を作っておきますので、利用してくださいね。

サイトメニュー
・カテゴリ１ ・カテゴリ２ ・カテゴリ３

<TABLE bgcolor="#ffffff" width="表の幅" cellpadding="5" cellspacing="0" style="border : 1px solid black;"> <TR> <TH bgcolor="色コード">サイトメニュー</TH></TR> <TD> ・<a href="カテゴリ１のURL">カテゴリ１</a><br /> ・<a href="カテゴリ２のURL">カテゴリ２</a><br /> ・<a href="カテゴリ３のURL">カテゴリ３</a><br /> </TD></TR></TABLE>

サイトメニュー
・カテゴリ１ ・カテゴリ２ ・カテゴリ３	・カテゴリ４ ・カテゴリ５ ・カテゴリ６

<TABLE bgcolor="#ffffff" width="表の幅" cellpadding="5" cellspacing="0" style="border : 1px solid black;"> <TR> <TH bgcolor="色コード">サイトメニュー</TH></TR> <TD> ・<a href="カテゴリ１のURL">カテゴリ１</a><br /> ・<a href="カテゴリ２のURL">カテゴリ２</a><br /> ・<a href="カテゴリ３のURL">カテゴリ３</a><br /> </TD> <TD> ・<a href="カテゴリ４のURL">カテゴリ４</a><br /> ・<a href="カテゴリ５のURL">カテゴリ５</a><br /> ・<a href="カテゴリ６のURL">カテゴリ６</a><br /> </TD> </TR></TABLE>

単純な１行１リンクのものと、１行２リンクのものを作ってみました。

各表の下のフォームからHTMLを丸ごとコピーして、自分のブログの好きな場所に貼り付けてください。

もちろん、そのまま貼り付けただけじゃなく、修正する箇所は修正して使ってくださいね。
修正する箇所は以下です。

width="表の幅"
「表の幅」の部分をお好きな数字に書き換えてください。
例・・・"400"

bgcolor="色コード"
「色コード」の部分をお好きな色コードに書き換えてください。
色コードを探すには、こちらのサイトが便利です。

・<a href="カテゴリ○のURL">カテゴリ○</a><br />
「カテゴリ○のURL」の部分をサイトメニューに入れたいカテゴリ（または記事）のURLに書き換えてください。
また、「カテゴリ○」の部分も、サイトメニューに入れたいカテゴリ名（または記事名）に書き換えてください。


ここまで出来たら、もう立派なサイトメニューが出来ましたよね？

後はもう、どうとでもカスタマイズしちゃっていいので、自分なりに好きなように使ってください(笑)

サイトメニューだけじゃなく、商品紹介などで使用してもOKなので、どんどん活用してくださいね。

モチベーションＵＰのおまじない（ランキングポチ） もしよければお願いします(*´▽｀*)凸

スポンサード リンク

[テンプレート]アフィリエイトなテーブル素材

アリさん、おはようございます＾＾

前から気になっていたので、かなり嬉しいです＾＾

これからも、みんなが気になっていることを教えてください。

さっそくメニューつくりに挑戦したいと思います＾＾


応援クリックして帰りますね＾＾
＜マサムネさん＞
結構、サイトメニューの作り方ってどうするかわからないという方が多いみたいですね。
なんだかイマイチな雛形ですけど、活用してみてください(^^)こんばんは、[hayabusa]と申します。

インフォ侍さんのサイトから飛んできました。

トップのサイトメニュー、
とても勉強になりました！！
感謝！感謝！

やっぱり、
とても見やすいですね！
訪問者に優しいサイトです。


それでは、また！
応援して帰ります。＜hayabusaさん＞
サイトメニューの作り方、お役にたてたでしょうか？(^^)
これからも訪問者に優しいブログ作りを目指してがんばりますね。
今後ともよろしくお願いします。こんばんわ。
アリさんいつも勉強になる記事ありがとうございます＾＾
質問なんですが、サイドバーのタイトルのところの、色がついてる部分あるじゃないですか？？
あれの縦の幅ってどうやったら変えれるんでしょうか？？
よければ教えてください。お願いします。はじめまして。
「億万長者への道」まなぶ、です。
メニュー作りとても参考になりました。
ランキングからやってきました。
さすが１位になるだけあって内容が濃いですね！
参考にさせていただきます。
＜まなぶさん＞
はじめまして。
お褒めいただいて嬉しいです。
これからもためになる記事をいっぱい提供できるように頑張りますので、よろしくお願いします(^^)
こんばんは。
いつもひそかに拝見させて頂いています。
本当に参考になる記事ばかりで
勉強させて頂いております。
このサイトメニューはずっといいな〜と思っていました。
お借り致します。＞ままごん♪さん
ありがとうございます。
このテーブルタグを色々とカスタマイズしていくと、見栄えのいいものができると思いますので頑張ってくださいね。

NAME:

MAIL:

URL:

COMMENT:


PASS:

SECRET:
管理者にだけ表示を許可する

初心者歓迎！ブログdeアフィリエイトの管理人♪

管理人:アリ 元ＳＥ（システムエンジニア）５歳息子育児中の主婦です。アフィリエイト＆ドロップシッピング＆携帯アフィリエイト＆携帯ドロップシッピングに挑戦中！現在、ドロップシッピングマスターズスクール講師として働いてます。

カスタマイズについては、こちらをどうぞ。カスタマイズ質問掲示板（ただいま参照モードでのみ運営中）

アフィリエイト相互リンク（TOPリンク）

アフィリエイトこっそり報告blog(ブログ) | 見本付き！はじめてのアフィリエイト入門ブログ（blog） | アフィリエイトブログ初心者入門！ | 内職バイト！節約暮らし生活 | るるのネットで稼げるか！大作戦！ | ＳＥＯ対策とアフィリエイトを頑張ってみるブログ | クリックGET！モール | ビジネスブログ | 食品スイーツな通販ショップ | * お小遣い稼ぎでHappy Life * | 初心者のためのブログでアフィリエイト！ | ブログアフィリエイト塾 | インフォトライ〜情報商材を徹底検証〜 | SEO 対策 Su-Jine| e−学び舎本舗ブログ

その他のリンクは相互リンク集またはSEO対策アフィリエイト相互リンク集でリンクさせてもらってます。
今後の相互リンクについてなのですが、申し訳ありませんが現在は募集を中止させていただいています。多忙につき対応がどうしても遅れてしまうのと、検索エンジンアルゴリズムの変化の様子を見たいためです。申し訳ありませんがご了承願います。