【きんぱこ教室】

　私のブログの右側の列にズラーっと貼り付けているもの（アメブロではサイドバーと呼んでいますね）は、フリープラグインというやつです。

　このフリープラグインの登録はわかりますか？

　ちょっと説明しておこうと思って書きました。

　①どれがフリープラグイン？なぜこんなものがあるの？

　②タグって何？禁止タグって何？

　③フリープラグインに登録してみよう

　以上①～③の手順で説明します。

【①どれがフリープラグイン？なぜこんなものがあるの？】

　私のブログの右側にあるカウンター。マウスをカウンターの上に持ってゆくとその日に何人が見たか（またはどれだけのＰＶ、つまりページビューがあったか）がわかる棒グラフが表示されます。

　これは（この場合）ＮＩＮＪＡＴＯＯＬＳというサイトに行って、会員登録をして、カウンターを表示するためのタグというものをコピーして自分のブログのサイドバーにある「フリープラグイン」というところに貼り付けたものです。

　とはいっても、サイト？タグ？・・・なにやら解らないぞ・・・と思われる人もいるでしょう。

　タグについては後で説明します。ここではアメブロに登録する方法を説明します。

　緑色の「マイページ」「ブログを書く」「ブログネタ」・・・という所は、クリックすると画面全体は変わらないけれど丁度ページをめくった様に表示内容がかわりますよね。こういうのを「タブ」と呼んでいます。（タグではありませんよー注意ですよ）

　それで、「ブログを書く」タブの「サイドバーの設定」タブをクリックします。

　そうすると上のような画面になります。ここで「サイドバーの基本設定」タブを選びます。一番左のタブなので初期表示で既に表示されたましたね。がはは。

　この画面の下の方に「フリープラグイン」という所があります。ここの「編集」をクリックしてください。

　ありゃありゃ、なんだか訳のわからない文字の羅列が表示されましたよ。（＾＾；）

　えっ？もう解らなくて、腹が立ってきたって？　我慢我慢。ぼちぼち進めて行きましょう。

　よく見るとこの中には、＜　と　＞　で英語のような文字が括られていますよね。これはタグと言って、「ここで改行しなさい」とか「ここに横線を付けなさい」とか「ここからリンクで他のサイトのプログラムを呼び出しますよ」とか、ホームページに表示する文字や画像などに何かの指示や飾りつけをするために使っているものです。

　これがないと、ホームページは左寄せで黒の文字の塊でしか表示されないのです。

●追加

　このフリープラグインのところは最初はカラッポだと思います。カラッポならコピーした内容を貼り付けて（ＣＴＲＬ　Ｖ）　ください。そうでなければ、とりあえず一番下に貼り付けましょう。

　そして、設定ボタンを押して、画面が変われば保存ボタンを押すと登録終わりです。

　もし、これでも表示されなければきっとこれです。

　「サイドバーの配置」タブを選んでください。

　ここにはフリープラグインをブログの右に表示させるか左に表示させるか、それとも表示させないかを決めるところです。「フリープラグイン」という四角いやつをマウスをドラッグアンドドロップで好きな場所に動かせてください。私の場合は右上に表示させています。

　これで保存すると・・・・どうでしょうか。

【②タグって何？禁止タグって何？】

　上の上の画像を見ますと、

　ブログに表示されないようにするためのタグです。表示したくない部分をこのタグで挟むと、ここではshinobi ct2という文字になりますが、この部分はブログには（ホームページには）表示されません。俗にコメント欄といいます。

　改行という意味です。大文字でも小文字でもかまいません。改行したい所にこれを書くと改行されて表示されます。

　横棒を引きます。私のブログにも灰色の横棒が表示されていると思います。色を変えたり太さを変えたりできますが、今は説明しません。

　

　スクリプトタグと言います。意味が解らずにこのタグをあちこちに使うと、ブログが壊れてしまうことがあります。だからアメブロさんは、このタグは「フリープラグイン」の中でしか使えないようにしています。悪用もされるのでとても注意しなければいけないタグなのです。

　スクリプトというのは簡単なプログラムのことです。「ここからプログラムを書いてもいいですよ」という意味になります。ここでは、ジャバスクリプトというプログラム言語を使ってここからプログラムを書きますよと言っています。そしてその後にはプログラムではなく、プログラムが書かれている場所をＵＲＬ（アドレス）で指定しています。

　この場合、このＵＲＬの場所にカエルのカウンターを表示させるプログラムがジャバスクリプトで記述されていて、そのプログラムが動いてカウンターが表示されていることになります。

　「ここでプログラムは終わりです」という意味です。タグの終わりは/（バックスラッシュ）を＜の後に付けるというルールがあるのです。（注意、全てのタグに当てはまるわけではありません）

　フリープラグインというのは、このスクリプトタグが唯一使える場所なのです。

　もちろん、このフリープラグインにも普通に文字を書いたり、画像を貼り付けて表示したりすることも出来ますが、文字数が２０００文字までと決められています。

　次に、実際に業者のサイトに行って、貼り付けるタグをセットする所の説明をしましょう。

【③フリープラグインに登録してみよう】

　おっと、その前に作業で使うので、「スタート」「全てのプログラム」「アクセサリー」から「メモ帳」を選んでください。いわば仕事で使う裏紙や雑記長の役目に使います。

　それともうひとつ。便利な４っつの事を覚えて置いてください。

　（１）　コピーする時は　コピー対象を選択して　ＣＴＲＬ　キーを押しながら　Ｃ　を押すとコピーです。

　（２）　切り取りの時は　ＣＴＲＬ　押しながら　Ｘ

　（３）　貼り付けのときは　ＣＴＲＬ　押しながら　Ｖ

　（４）　作業を間違えて、一つ前の状態に戻したいときは、　ＣＴＲＬ　押しながら　Ｚ　です。

　この４つは何にでも仕えます。メニューから選んだりマウスを右クリックしても出来ますがそんな面倒くさいことはぼちぼち卒業して、まずはこの４つのショートカットキーを覚えてください。

　では始めます。

　私のブログの右側に

こんな順位表があります（携帯の人はごめんなさい）。この順位表を作ってみましょう。

下の方に赤背景で白文字の「ＩＤＥＡ－ＵＮＲＩＭＩＴＥＤ］というところをクリックしてください。

　すると、これを作った業者のサイトに移動します。ここでこの会社の場合は「ＨＴＭＬコード発行」というところを選びます。他の会社では「リンクタグの作成」と呼んでいる場合が多いです。

　ブログのＵＲＬを入力するように言われます。みなさんのアメブロのトップページのアドレスをコピーして貼り付けてください。

　アドレスはトップページの状態でブラウザーの上の方の「アドレス」というところに表示されているはずです。私の場合ならばhttp://ameblo.mom/tasogarekinnosuke/ という奴です。これを選択して、ＣＮＴＬ押しながらＣを押すと見かけは変わりませんがコピーできました。

　また、この業者のＨＰ画面に切り替えて「ブログＵＲＬ］の入力場所をマウスでクリックして（カーソルつまり入力位置を決めるということです）、ＣＴＲＬ押しながらＶを押すと貼り付け完了です。次に「色の選択」ボタンを押して移った画面では自分の好きな色を選択してください。

　そして発行ボタンを押すと

　あら不思議（笑）　あなた専用のタグが出来上がりました。＜で始まりＳＣＲＩＰＴ・・・と記述されている所のことです。これを全て選択してコピーします。（ＣＴＲＬ　Ｃ　ですよ）

　私はここで、失敗したときのためにメモ帳を表示させて貼り付け（ＣＴＲＬ　Ｖ）しておきます。

　あとは、【①どれがフリープラグイン？なぜこんなものがあるの？】のところで説明したとおり、アメブロのフリープラグインを表示させて、場所を決めて貼り付けします。

　私は貼り付ける前にＨＲというタグを書いてから貼り付けます。

　横棒ですね。大文字小文字は関係ありませんが必ず＜＞の間にＨＲまたはｈｒと全て半角で書いてください。

　この説明では＜＞などに全角文字を使っていますが実際は半角ですよ。

　注意

　作業は自分の責任の基に行わなければなりません。タグの記述が、例えば＞を忘れたとすると、それだけでブログはおかしくなってしまいます。（そのときは涙を呑んでプラグインの内容を全て選んでＣＴＲＬ　Ｘ　で切り取ってメモ帳に貼り付けましょう。（メモ帳で内容をゆっくり見直すためです。）

　プラグインに上手く貼れれば大成功です（＾＾）

　お疲れ様でした～～～～～（^o^)v

　解らなかったら遠慮なくコメントかメッセージにでも、何処がわからないかを教えて・・・チョンマゲ　＝３