FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

別枠リンク集の作り方

別枠で違うリンク集が欲しいと思ったことはありませんか？

残念ながらFC2は管理画面で手軽に編集できるリンク集は一つしか用意されていません。

しかしフリーエリアを利用して作ることはできます。
次のように直接HTMLを書いてください。

<ul>
<li &align><a href="http://yahoo.co.jp" title="ヤフー" target="_blank">ヤフー</a></li>
<li &align><a href="http://www.google.co.jp/" title="グーグル" target="_blank">グーグル</a></li>
</ul>

赤い部分のURLとサイト名を任意のサイトに編集してください。
少し面倒かも知れませんが是非挑戦してみてくださいね。

【2006/06/14 追記】
次のような形にすることもできます。

■グループタイトルその１ 
┣<a href="http://yahoo.co.jp" title="ヤフー" target="_blank" >ヤフー</a> 
┗<a href="http://www.google.co.jp/" title="グーグル" target="_blank" >グーグル</a>

ブラウザを同窓で表示したいときは target="_blank" を削除してください。

関連記事

[ 2006/01/12 00:28 ] カスタマイズ standard 専用 | TB(2) | CM(76)

≪ 新テンプレートをリリースしました。 | HOME | 新テンプレートをリリースしました ≫

[ 12 ] どうもありがとうございました

ご丁寧にありがとうございました！これからも素敵なテンプレートおねがいします。

[ 2006/01/12 14:58 ] [ 編集 ]

[ 13 ] どういたしまして。

また何か聞きたいことがあったら遠慮なく質問してくださいね。

[ 2006/01/12 20:56 ] [ 編集 ]

[ 54 ] ありがとうございます

テンプレート使わせてもらってます。
どうもありがとうございます。

お礼にまでにリンクを張らせていただきました。

よろしければ２つ質問させてください。

１．タイトル部分に写真もしくは、テキストなどを埋め込む方法はありますか？

２．タイトル下に通常のサイトのようにサイトのナビゲーションを入れる方法がありますでしょうか？

急ぎませんので、お時間があるときで結構です。

どうもありがとうございます。

[ 2006/01/23 23:40 ] [ 編集 ]

[ 61 ] 有難う御座います

リンクまでしていただいて有難う御座います。

質問にお答えします。

>１．タイトル部分に写真もしくは、テキストなどを埋め込む方法はありますか？

あります。いい質問ですね。これは近日中に記事に掲載しようと思っていました。少し説明が長くなってしまうので明日掲載させてください。少々お待ちくださいね。

>２．タイトル下に通常のサイトのようにサイトのナビゲーションを入れる方法がありますでしょうか？

これはパンくずナビゲーションのことでしょうか？

トップページ > カテゴリ > 現在のページ

として表示することは可能です。
このカスタマイズも少し長い説明になってしまします。申し訳ありませんが記事に掲載するまでもうしばらくお待ちください。

結論からいうと二つとも可能です。近いうちにご説明いたしますのでもう少々お待ちください。すみません。

[ 2006/01/25 01:12 ] [ 編集 ]

[ 68 ] さっそくのご回答ありがとうございます

急ぎませんので、お時間が出来た際にでもよろしく
お願いいたします。

１の質問は、ＣＳＳをさわればいいのはわかっているのですが、知識不足で・・・

これからも、どうぞよろしくお願いいたします。

[ 2006/01/25 08:20 ] [ 編集 ]

[ 72 ] 質問に関する記事です

こんばんは、神崎タカシさん。
簡単に背景を画像にする方法を掲載しました。
http://10plate.blog44.fc2.com/blog-entry-28.html

ナビゲーションはまた後日ということでご了承ください。

[ 2006/01/26 01:19 ] [ 編集 ]

[ 934 ]

とっても助かりました。
ありがとうございました。

[ 2007/01/06 11:23 ] [ 編集 ]

[ 1394 ] 別枠リンクは何処に貼れば？？

こんにちは！いつもこちらのテンプレートを使わせていただいています。
別枠リンクですが、
今ある既存のリンクの上に別枠リンクを作りたいのですが、
テンプレートの何処に貼ればよいのでしょうか。

[ 2007/03/15 11:10 ] [ 編集 ]

[ 1399 ] >>HIROさんへ

横レス失礼しますm(__)m

プラグインの「リンク」の「HTMLを編集する」に入り、

(※)

<ul>

<li &align><a href="<%link_url>" target="_blank"><%link_name></a></li>

</ul>

と書いてある上の部分(※)に打ち込む事で、既存のリンクの上に別枠リンクが表示されます。

「上部に記載するプラグインの説明文：」の部分でも大丈夫です。

[ 2007/03/15 22:14 ] [ 編集 ]

[ 1401 ] > HIROさんちゃんさん

いつも有り難うございます。ちゃんさん＾＾

ちゃんさんが紹介してくれた他にも、プラグインのフリーエリアに貼付ける方法があります。現存の「リンク」はカテゴリ２に配置されているようですね。プラグインフリーエリアをカテゴリー２にダウンロードし、矢印をクリックして「リンク」の上に配置してください。

[ 2007/03/16 00:37 ] [ 編集 ]

[ 1405 ]

上のいたおさんの記事に、
「フリーエリアを利用して作ることはできます。」
と記載されているので、HIROさんの質問を、
『1つのプラグイン内に2種類のリンク集を作る』
と言う意味かな？と解釈してしまいました

すみませんm(__)m

[ 2007/03/16 00:53 ] [ 編集 ]

[ 1408 ] > ちゃんさん

たしかにいろんな解釈がありますよね＾＾；
私の解釈が間違っているのかも知れません。

どちらでしょう？ > HIROさん

[ 2007/03/16 01:25 ] [ 編集 ]

[ 1409 ] ご回答有難うございます！

プラグインは複数にまたがってもかまわないのです。
自分でちょっと考えたのですが、
あまり自分にとって使用していない
ブログ内検索とRSSフィードをリンクに当ててみようかな？と思います。
ちょっと自分でやってみて、上手く行ったらご報告します。
出来なかったらまた教えてください。
有難うございました。

[ 2007/03/16 09:44 ] [ 編集 ]

[ 1410 ] 解決しました！

プラグイン２の中にもう１つリンクを作る方法が解ったのでそれでリンクを２つに出来ました！
あとは手動で入れていけば出来そうです！
有難うございました！

[ 2007/03/16 09:56 ] [ 編集 ]

[ 1429 ] > HIROさん

解決おめでとうございます＾＾
他のプラグンを上書きしても構わないのですが、プラグイン『フリーエリア』をダウンロードして付け足す事もできますよ

[ 2007/03/18 23:42 ] [ 編集 ]

[ 2617 ] 別枠リンクのツリー化

初めまして！ブログ初心者です。
フリーエリアに別枠のリンク集を貼りたいと思っています。
お小遣いサイトのリンクとかを・・・
項目別にしてサイトを振り分けて貼り付けたいです。
Ex:メール受信で稼ぐ
　　∟フルーツメール
　　∟ドリームメール
みたいな、良く皆さんが貼り付けている物です。
ツリー化する方法を教えてください。カテゴリーとリンクのツリー化は成功しました。でもべつ枠のリンクのツリー化がわかりません。よろしくお願いします
。

[ 2007/08/11 16:48 ] [ 編集 ]

[ 2618 ] FC２のテンプレート30個

FC２のテンプレート30個ほど有料で作って頂けないでしょうか？soshi64@gmail.comまでお返事いただけると嬉しいです。

[ 2007/08/11 17:39 ] [ 編集 ]

[ 2753 ] はじめまして

いつもカスタマイズ方法を利用させて頂いています。
まだブログを始めたばかりですが
楽しくて仕方ありません（＾＾
いたおさんは本当に親切な方ですね。
僭越ながらリンクを貼らせて頂きました。
これからも宜しくお願いしますm(_ _)m

[ 2007/09/14 13:50 ] [ 編集 ]

[ 2821 ] トラックバック承認をありがとうございます。

　以前、テーブルの件で質問していたYMOAです。
私の作成しているBLOGで記事を参考にさせて頂きました。

　ふと思ったのですが、下書き状態でトラックバックURLを入力して保存すると、pingを送信してしまうのですね。
　ミスしてpingをしてごめんなさい。

[ 2007/10/02 19:31 ] [ 編集 ]

[ 3174 ] 初コメですが・・・

初コメです。
いきなりですが質問です。
別窓で開くものじゃなくて、いまの窓枠で表示される、
やり方はありますか？あったら教えてください。
よろしくおねがいします。

[ 2008/03/12 22:09 ] [ 編集 ]

[ 3175 ] ▼kuwabara2508さん

target="_blank"を抜いて書くと同窓で表示されます。

<ul>
<li &align><a href="http://yahoo.co.jp">ヤフー</a></li>
<li &align><a href="http://www.google.co.jp/">グーグル</a></li>
</ul>

[ 2008/03/13 17:02 ] [ 編集 ]

[ 3184 ]

有難うございました。

[ 2008/03/16 19:13 ] [ 編集 ]

[ 3639 ] 初めまして

初めまして、質問なのですが、上記のサイト「げーむいんふぉ」さんのように「PSP関連」のカテゴリー一覧を枠で囲むにはどうしたらよいのでしょうか？
また、文字を枠で囲むには引用や表以外で囲むことは可能なのでしょうか？

[ 2008/12/27 19:29 ] [ 編集 ]

[ 3994 ] 初めまして！

リンクにカーソルを置くと色を変えようと思い、リンクのスタイルを変えるを見させて頂いたんですが、どこに色を変えたいテキストを挿入すればいいか分かりません。
初歩的な質問ですみません

よろしくお願いします。

[ 2009/04/28 22:22 ] [ 編集 ]

[ 3996 ] > oremzさん

スタイルシートの末尾に挿入してください。

[ 2009/04/28 23:16 ] [ 編集 ]

[ 4007 ]

解決しました

ありがとうございました

[ 2009/04/29 22:29 ] [ 編集 ]

[ 4088 ]

これは便利ですね！

ありがとうございました。

[ 2009/05/06 14:27 ] [ 編集 ]

[ 4697 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2009/06/20 21:27 ] [ 編集 ]

[ 4863 ]

できました！！
説明も簡単で分かりやすかったです。
ありがとうございました。

[ 2009/07/08 16:24 ] [ 編集 ]

[ 5242 ] 国別作家リンクを作りました

いつもお世話になっています。
自分の頭の整理のためにも、以前から国別作家リンクを作りたいと思っていました。
いたおさんの説明のお蔭で、私にも作れました。
有難うございます。

[ 2009/08/02 12:44 ] [ 編集 ]

[ 5254 ] > 豪州サンディさん

グループ化したリンク集にしたんですね。
お役に立てて良かったです＾＾

[ 2009/08/03 00:25 ] [ 編集 ]

[ 5315 ]

失礼します。
いつもリンクするときにお世話になってます＾＾

相談なのですが、今日リンク集に新しく追加したところ、
追加したものが行の初め１マスくらい凹んでるんです

きれいにそろえるにはどうしたらいいですか？？
なんかよくわからない説明かもしれませんが、わからなかったら見に来てください

[ 2009/08/06 12:13 ] [ 編集 ]

[ 5316 ] ＞スノー☆★さん

現在、

<ul>
<a href="URL" target="_blank">森のはちみつ</a></li>
<a href="URL" target="_blank">うちのももんが</a></li>
</ul>
<ul>
<a href="URL" target="_blank">デグーはキャラメル色</a></li>
<a href="URL" target="_blank">おきらくウサギ生活</a></li>
</ul>
<ul>
<a href="URL" target="_blank">チンチラさん</a></li>
<a href="URL" target="_blank">モルちん日記</a></li>
</ul>
<ul>
<a href="URL" target="_blank">シマリスの気持ち♪</a></li>
<ul>
<a href="URL" target="_blank">モルモットカップルと新婚夫婦</a></li>

となっているようですが、上記の記事で紹介されている通り、

<ul>
<li &align><a href="URL" target="_blank">リンク先1</a></li>
<li &align><a href="URL" target="_blank">リンク先2</a></li>
<li &align><a href="URL" target="_blank">リンク先3</a></li>
</ul>

として下さい。

それからチンチラさんのURLの最後の「/」が抜けています。
あと、おきらくウサギ生活～シマリスまで、
<a href=""●target="_blank">リンク先</a>
赤丸の部分が半角2つ分のスペースになってしまっています。
ここは半角スペース1つ分で良いです。

[ 2009/08/06 13:25 ] [ 編集 ]

[ 5319 ]

ありがとうございました

無事解決いたしました！
また何かあったら来させていただきます

[ 2009/08/06 14:46 ] [ 編集 ]

[ 5327 ] > スノー☆★さん、ちゃんさん

> スノー☆★さん
ちゃんさんのおかげで解決できたようですね。
良かったです＾＾

> ちゃんさん
いつもありがとうございます m(__)m

[ 2009/08/06 21:21 ] [ 編集 ]

[ 5762 ]

すみません、質問です。
別枠でリンク集を作ったのですが、
　 ■PSP
┣ＰＳＰ裏いんふぉ
┣PSP万能改造
┣PSP-Wii-DS-Q&A
┣PSP改造日記
┣カスタムなPSPblog
┣PSP NEXT
┣fkg style PSP remodeling
という風に■PSPの左にスペースができてしまったのですがどうすれば消えますか？

[ 2009/09/02 14:52 ] [ 編集 ]

[ 5773 ] ▼Geckoさん

相互リンク集です
の前後の<li></li>
を外し、ツリーリンクの真上に

相互リンク集です 
■PSP 
┣<a href="～" title="ＰＳＰ裏いんふぉ" >ＰＳＰ裏いんふぉ</a> 
┣<a href="～" title="PSP万能改造" >PSP万能改造</a> 

～

と、書いてみて下さい。

[ 2009/09/02 16:12 ] [ 編集 ]

[ 5774 ]

ちゃんさんが正解だと思います。
こちらでテストした感じですと
フリーエリアで実施されているようなので、

<div class="plugin-freearea" &align>■PSP 
┣
と詰めて入れるとブランクは出ないようです。

[ 2009/09/02 16:19 ] [ 編集 ]

[ 5776 ]

ありがとうございます。

[ 2009/09/02 17:47 ] [ 編集 ]

[ 5789 ] > Geckoさん、ちゃんさん、通行人さん

> Geckoさん
ちゃんさんと通行人さんのおかげで綺麗に表示されていますね＾＾

> ちゃんさん、通行人さん
いつもありがとうございます m(__)m

[ 2009/09/02 20:38 ] [ 編集 ]

[ 5931 ] satin

始めまして。　さっそく質問ですいません。
別枠で作ったリンク集のリンクを画像で表示することは可能でしょうか？

[ 2009/09/08 19:41 ] [ 編集 ]

[ 5932 ] > satinさん

可能です。imgタグを使ってください。

<a href="～"><img src="画像のURL" alt="画像の名前"></a>

[ 2009/09/08 19:59 ] [ 編集 ]

[ 5933 ]

ありがとうございます。
ここのサイト、非常にわかりやすく説明されていてブログ初心者の身にとってはかなり便利ですごくありがたいです！

[ 2009/09/08 20:35 ] [ 編集 ]

[ 5936 ] > satinさん

お役に立てて良かったです＾＾

[ 2009/09/08 22:39 ] [ 編集 ]

[ 6049 ]

参考になりました

さっそく、作ってみたいと思います

[ 2009/09/14 18:29 ] [ 編集 ]

[ 6051 ] > お嬢～♪さん

参考になって良かったです＾＾

[ 2009/09/14 20:20 ] [ 編集 ]

[ 7119 ]

いつもお世話になっています。
記事No[ 5242 ]に引き続き、「お役立ちリンク集」を作りました。
ところが、なぜかグループタイトルの「■週間英字新聞」が一文字分引っ込んでしまって、ど～やっても他のグループタイトルと揃いません。
これは、どうしたらいいのでしょうか？（泣）

[ 2009/11/23 14:11 ] [ 編集 ]

[ 7123 ] > 豪州サンディさん

■英字新聞
の一番下にある
┗ NIKKEI.com
の の後ろに全角スペースが含まれているようです。
これを削除してください。

[ 2009/11/23 15:07 ] [ 編集 ]

[ 7133 ] 有難うございました

今回も一件落着です。
有難うございました！

この別枠リンク集は、自分の頭の整理にもなりますので、大変重宝しています。　

[ 2009/11/23 21:32 ] [ 編集 ]

[ 7146 ] > 豪州サンディさん

一件落着して良かったです＾＾
半角や全角のスペースは視覚的に見つけにくいですが、HTMLの中に不適切に入り込むと思い通りの表示ができないので困ります＾＾；

[ 2009/11/25 00:08 ] [ 編集 ]

[ 7395 ]

質問なのですが、其方様のサイトのように左と右にプロフィールとかお奨めカスタマイズっていうまとめてあるやつのやり方が分かりません＞＜

説明が下手なので理解がすずらいとおもいますが何方か答えてくれるとあり難いです

[ 2009/12/13 12:34 ] [ 編集 ]

[ 7408 ] > ミラボレアスさん

プラグインというものを使います。詳しくはこちらを参考にしてください。

フリーエリアプラグインの使い方｜FC2ブログ公式マニュアル
http://fc2blogmanual.blog60.fc2.com/blog-entry-57.html

[ 2009/12/13 22:16 ] [ 編集 ]

[ 7454 ]

返信送れてすいません

有難うございます^^

[ 2009/12/18 20:34 ] [ 編集 ]

[ 7458 ] > ミラボレアスさん

プラグインは使い方が解るととても便利ですよ＾＾

[ 2009/12/18 23:42 ] [ 編集 ]

[ 7680 ] 初めてなんですが教えてください。

フリーエリアに新たにリンクを作成したいのですが、冒頭のヤフーやグーグルのサイトを表示させることは可能なんですが、自分のブログの各記事は表示させることができません。
現在はPC画面上部に表示されるアドレスを下記の通り表示させています。

■グループタイトルその１ 
┣<a href="自分のブログの各記事のアドレス" title="ブログタイトル" target="_blank" >ブログタイトル</a> 
┗<a href="http://www.google.co.jp/" title="グーグル" target="_blank" >グーグル</a> 
 

是非教えていただきたいと思います。よろしくお願いします。

[ 2010/01/03 20:13 ] [ 編集 ]

[ 7683 ] > shou＆manaさん

やり方はそれで正しいです。例えばshou＆manaさんの最新記事である「あけましておめでとうございます♪」のリンクを作るときは以下の様になります。

■グループタイトルその１ 
┣<a href="http://tabeniikoinnagoya.blog114.fc2.com/blog-entry-135.html" title="あけましておめでとうございます♪" target="_blank" >あけましておめでとうございます♪</a> 
┗<a href="http://www.google.co.jp/" title="グーグル" target="_blank" >グーグル</a> 
 

一気に沢山やるとミスする可能性が高いので、１つずつ確認してリンクを増やしてください。

[ 2010/01/03 21:10 ] [ 編集 ]

[ 7754 ] ありがとうございました

できるようになりました。ありがとうございます。

また教えてください♪

[ 2010/01/07 21:37 ] [ 編集 ]

[ 7762 ] > shou＆manaさん

解決して良かったです＾＾

[ 2010/01/07 23:32 ] [ 編集 ]

[ 7946 ]

はじめましてこんばんわ＾＾
おにぎり〆と言うものです
このブログを拝見させていただき結構好きに自分のブログをいじってますｗ
今回コメントさせていただいたのはちょっと質問がしたかったからなのです

http://yokosenhakai.blog109.fc2.com/

↑自分のブログです
この記事を読ませていただいて
プラグインカテゴリ２にフリーエリアでリンク集を作ったのですが
文字が真ん中から始まってしまって左側が開いてしまうんです・・・
直す方法はありますでしょうか？？
分かりにくい説明ですので意味が分からない時は聞いてください
補足いたします。

ps この背景とタイトルの画像はここを見て設定させて頂きました・ｗ・
どうもありがとうございます＾＾

[ 2010/01/19 23:47 ] [ 編集 ]

[ 7952 ] > おにぎり〆さん

作ったリンク集に限らず全てのプラグインが右にずれているようですね。これはテンプレートに原因がある可能性があります。カスタマイズしていない新たなテンプレートをダウロードして、プラグインが右によるかどうか確認してみてください。
この記事も参考になると思います。

表示が崩れる原因の調査手順
http://10plate.blog44.fc2.com/blog-entry-274.html

[ 2010/01/20 00:42 ] [ 編集 ]

[ 7981 ]

返信どうもありがとうございます
なるほどぉ
確かに他のテンプレートでは治りました
とりあえず全部やり直して見ます
ありがとうございました＾＾

[ 2010/01/21 18:26 ] [ 編集 ]

[ 7986 ] > おにぎり〆さん

ときに崩れる原因を探すよりもやり直したほうが早いときがあります。カスタマイズ頑張ってください＾＾；

[ 2010/01/21 23:41 ] [ 編集 ]

[ 8131 ]

ここで質問していいのかわからいけど

ゲーム情報
└ キングダムハーツ(情報) (1)

ＰＳＰ用⇒壁紙
└ キングダムハーツ(壁紙) (1)

カスタムテーマ
└ キングダムハーツ(カスタム)

　　　　↑
のように
カテゴリを変えるやり方教えてください

[ 2010/01/31 12:23 ] [ 編集 ]

[ 8138 ]

>>GENさん
http://staff.blog1.fc2.com/blog-entry-349.html
のことでしょうか？

[ 2010/01/31 16:04 ] [ 編集 ]

[ 8163 ] > GENさん、tskillさん

> GENさん
tskillさんが教えてくれたように親子カテゴリ機能を使ってみてください。

> tskillさん
いつもありがとうございます＾＾

[ 2010/02/01 22:47 ] [ 編集 ]

[ 8488 ]

使わせてもらっています。
黒まるで表示されるのを白まるにもする方法を教えてください。
（黒と白を両方使う方法）
お願いします。

[ 2010/02/20 15:20 ] [ 編集 ]

[ 8490 ]

>>so19cc13er11さん
こちらの記事が参考になりそうです。
http://10plate.blog44.fc2.com/blog-entry-346.html
ひとつひとつ個別に設定したい場合は、
<li style="list-style-type:disc;">黒丸</li>
<li style="list-style-type:circle;">白丸</li>
で、できます。

[ 2010/02/20 17:16 ] [ 編集 ]

[ 8491 ]

親切にありがとうございます

[ 2010/02/20 18:36 ] [ 編集 ]

[ 8679 ]

できました。ありがとうございます。

[ 2010/04/29 21:27 ] [ 編集 ]

[ 8850 ] 承認待ちコメント

このコメントは管理者の承認待ちです

[ 2011/07/30 20:57 ] [ 編集 ]

[ 8851 ] 承認待ちコメント

このコメントは管理者の承認待ちです