FC2ブログ
071234567891011121314151617181920212223242526272829303109

オリジナルリンク!


当ブログのプラグイン「Blog Link 彡」に興味持ってくれた人がいたので
同じようなリンクの作成方法を簡単に紹介。

普通の記事じゃないうえに無駄に長い説明なので
関係者以外スルー推奨!

※FC2ブログが対象です。
※オイラ自身、独学で覚えてきたことなので
  専門的な質問等には答えられない場合があります。


それじゃ、ゆるりとやっていきますか。






と、その前に

テンプレートのバックアップを取っておきましょう。
失敗して全部ダメになったら洒落になりませんから!


※準備 テンプレートのバックアップ。

管理者ページにログインすると
画面左にメニューがズラリと出てくると思います。
その中の環境設定のカテゴリに注目。




上から5番目の「テンプレートの設定」をクリック。





こんな画面が出てくると思います。
そしたら今使っているテンプレートの「複製」を押しましょう。


ポチ

ポチッ
これで失敗してもOK!

万が一、ブログが酷い事になった場合は
複製したテンプレートを「適用」にすれば元に戻ります。








●Step1 新しいプラグインを追加する。

ほい、のんびりやりましょ。

さっきテンプレートのバックアップ取ったときにも触れましたが
左メニューの環境設定カテゴリに注目。




今度は、上から6番目の「プラグインの設定」をクリック。




出てきた画面の上部にあると思います。
公式プラグイン追加」をポチッと、クリック。 (「共有プラグイン」と間違えないように!)





飛んだページの下のほうに、こんな場所があると思います。
見付けたら「プロフィール」を「追加」してください。




こんな感じで、一番下に「プロフィール」が追加されましたか?
名前は好きに変えちゃってOKです><

追加出来たら、次はHTMLを1から作って行きます。
画面はそのまま!



●Step2 HTML作成。

「HTMLを1から作る」と聞くと、かなりめんどい気がすると思いますが 結構簡単です。 
使うタグは初歩的なモノばかり、3種類くらいかな。




先ほど追加した「プロフィール」の「詳細」をクリックしてください。





そしてポチッ




出てきたタグは全部削除しちゃってください。
真っ白にしたらタグを入れていきます。






その前にちょっと使うタグを紹介。

○文字にリンクを貼る。(別窓表示)
<a href="リンク先URL" title="リンク名" target="_blank">リンク名</a>

○画像にリンクを貼る。(別窓表示)
<a href="リンク先URL" target="_blank"><img src="画像URL" alt="" border="0"></a><br clear="all">

○改行する。
<br>


こんだけ!
コピペでも何でもして、順番に貼って行きまそ!






それじゃ、HTMLを作っていきます。
リンクを職別に分けるために、まず画像が必要ですよね。



こんな画像。

ちなみにオイラのブログでは
みゅこさんのミニバナーを使わせて頂いてます。(以下参照)

みゅこ*ろぐ http://angelb.no.land.to/

上記サイトに行くと
左のメニューに「ミニバナー」とあるのでクリック。

すると、ものっそい量のバナーが出てくるので
使用したい画像の上で右クリック→名前を付けて画像を保存。

そして、その保存した画像を自分のブログにアップロードしてください。
これで画像のURLが手に入りました。






それじゃ、先ほど真っ白にしたHTMLの画面を開いてください。
そこに先ほど紹介したタグを入れていきます。

まず、画像にリンクを貼るタグから入れていきましょ。
<a href="リンク先URL" target="_blank"><img src="画像URL" alt="" border="0"></a><br clear="all">




ペタリ。

「リンク先URL」と書かれたところには
画像をお借りしたサイト様のTOPのURLを貼っておきましょう。(マナー)
みゅこさんのところでお借りした場合は、http://angelb.no.land.to/ですね!




ペタリ。

はい、次は画像URLを入れていきます。
画像URLは、自分のブログに画像をアップロードしたときに表示されるので
コピーするなりしておけばOKです。




↑こんな感じで表示されるはずです。
赤字のhttp~のが画像URLです。

画像URLをコピーしたら
HTMLの「画像URL」と書かれた場所に埋め込みましょう。




よし、これで画像が貼れたはず。
プレビューでもして確認してくださいな。




ポチッ



次に改行をします。
タグは<br>ですね、入れましょう。




ペタリ。

そして最後、文字にリンクを貼っていきます。
<a href="リンク先URL" title="リンク名" target="_blank">リンク名</a>




この「リンク先URL」のところには
リンクしたい友達のブログのURLを入れます。




入れてみると、こんな感じですね。


「リンク名」と書かれてるところは2箇所ありますが
「title="リンク名"」は、リンクにマウスを置いた時に表示される文字のことで
もう1箇所のところが、ブログに表示されるリンク名になります。




こーゆうこと。

「title="リンク名"」は、サイトの説明にしてもいいかもね!




ふふ(''*)


あ、ぼくのリンクみたいにツリーっぽくしたい場合は

「┣」や「┗」を
<br>と <a href="リンク先URL" title="リンク名" target="_blank">リンク名</a>の間に入れてください。

これで後は好きなだけリンクしていけばOKです。
リンク、改行、リンク、改行、リンク、改行の繰り返し・・・
職が変わったら、また画像のリンクを貼って、改行、リンク、改行、リンク、改行・・・(゚∀゚)




・・・

もし、分からないとこなどあれば
めーぽなりメールなり書き込みなりで聞いてくれれば
答えれる範囲で精一杯答えますんで、ご遠慮なく><

オイラ長文乙!!!!!!

関連記事
  • コメント:10

コメントの投稿

secret

top↑

comment

やばい見ただけで目がチカチカしてきた('A

レクチャーおつ!!!!
途中で読むのをやめたのゎ 内緒です(//▽//)

いちお HPもってるから いまならわかるけど
作り出したとき タグて なんやねん!!!
てな感じだたね~

あたのブログのいじり方 かわぃくて いぃとおもうよ~

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

・・・|ω・)

あたn すごぃねぇ・・・

プラグイン・・・テンプリート・・・



ボクには さっぱりだぁっ!♪

まずfc2じゃないからどうすることもできないっていう( ´_ゝ`)

興味なかったごめん

興味うせたごめん
そもそもリンク相手そんなに居なかった・・

>>かぜしゃ

改めて見直したらオイラまでチカチカしてきた(⊃д⊂)


>>るみたま

乙あり!!!
いやオイラでも多分途中で辞めると思う(*ノωノ)キャ

HP!!?
ブログじゃなくて他に・・・??
き、気になる(゚ω゚*)


>>非公開さま

・・・
ほんとよく頑張ったねえ;3;
なんかこっちまで嬉しいぞwwwwww

まためーぽで色々聞かせてね♪


>>ケイ

最初はぼくもサッパリだったあ
けど興味持ったら案外独学でもいけちゃうのね・・・
興味なかったらめんどい以外の何者でもない;3;
勉強と一緒♪

タグとかは専門のサイトも多いし
自分の好きなようにレイアウト変えれるのって楽しいし~w


>>ぷぎゅう

コヤンキーのブログって・・・ あれどこなんだ??
アメブロ??


>>きゃべたん

いかにも興味なさそうだよね、きゃべたん・・・


>>すり身ん

ちょっとwwwwwwwwwwwwwwwwwwww
あなたの為に6時間もかけて書いたのにwwwwwwwwwwwww

サク時間返せええええええええヽ(`Д´)ノ

(`・ω・´)bさたnグッジョブ

こういうのを解りやすく書いてくれてるとありがたいよねぇ。
ヤル気がおきたときに参考にさせていただくかもだから! ありがとうね(。・ω・)ノ゙

ヾ(-ω-。)ヨシヨシ

>>まま

・・・
6時間の作業が報われた気がしました...(TωT`)ウウッ

(ノдヾ*) ぐしゅぐしゅ。

trackback


この記事にトラックバックする(FC2ブログユーザー)

top↑

 PROFILE *


どうよ

   / ただいまエオルゼア \

 ENTRY *

 MEMORY *

 LINK *


 I'm blessed
 to have you in my life.

 SEARCH *

 CATEGORY *

 ARCHIVE *