解決済

clip!clip!
Ads By Google

バナーを 貼り付けるのは どのようにすれば よいのか 教えてください。


2006-06-19 05:25の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2006-06-19 05:47:01ベスト
ご自身で作成された画像をバナーに使用するのですか?
それとも、アフェリエイトやランキングの為に配布されたバナーを表示したいのですか?

自作の画像をバナーにする場合、自作画像をアップロードして
<a href="リンク先URL"><img src="自作画像URL"></a>
という風にタグを書きます。

配布されたバナーでしたら、「このタグをコピーして貼り付けて下さい」という方式だと思います。
この場合、指定のタグをコピーして貼り付けます。

タグを書く、貼り付ける、という言葉の意味は「HTMLファイルにタグを記入する」という事です。
ライブドアブログの場合、サイドバーにプラグインとして表示したり、記事内に書く事ができます。

どのようなバナーを、どこへ貼り付け(表示)したいのか教えて頂ければ、さらに詳しくご説明できます。

早速のご回答有難うございます!
「学び舎本舗」に入会しまして そこのバナーをブログの片側に貼り付けたいのです。 コピー&ペーストも パソコンで 
調べたのですが いまいち よくわかりません。低レベルの質問ですみません。

是非私にも 理解できるように 教えていただけますか?

2.

2006-06-19 07:32:47
フリーエリアにバナーつけたい場合は、


カスタマイズ管理 → 上級者向けプラグイン → フリーエリア追加

このフリーエリアの中にバナー貼り付けるためのタグが書けます。

画像アップロードは、管理ページ → (右下の)ファイルのアップロードで可能。



最後はサイドバー(プラグイン)の再構築

フリーエリアじゃない場所につけたい場合はコメント欄からお返事下さい。
Ads By Google

コメント(27)

2006-06-19 05:53:19

REA - HP Team.さん、待ってました。
ナレッジに復帰してくれてうれすぃ...ヽ(´~`)ノ ♪

2006-06-19 07:33:13

ほんとです。安心しました。

#3.  
2006-06-19 22:07:16

学び舎本舗というのがよくわからないので、既存のバナーを検索して考察しました。

http://www.torapro.com/unclehs/index.php?iid=114&a...あなたのユーザ名

「あなたのユーザ名」の部分に繭さんのユーザ名(英数字)を指定します。
そのURLにアクセスがあると紹介者が繭さんだとわかります。
間違ったユーザ名を指定すると繭さんが紹介しても報酬は発生しません。

と、こんな感じのシンプルなアフェリエイトのようです。
繭さんが「学び舎本舗」から受けた説明と違いますでしょうか?

#4.  
2006-06-19 23:08:02

>>#1万年床生活者(謹慎中)さん
>>#2まじかる☆スフィーさん
ご無沙汰しておりました。
みなさん御健在でなによりです♪

#5.  
2006-06-20 17:07:16

#5 REA-HP Teamさま 何度も有難うございました。
調べていただいてすみません。それを どこにどう貼るのかわかりません。 それは 私の課題なんですね。
また質問するかも しれませんが よろしく お願いします。

#6.  
2006-06-21 07:01:22

>>#5
おっと、解決していないようですね。
ベスト回答に選んで頂きましたが、質問が解決した時のみベスト回答を選んで解決済みにするようにオススメします。

#7.  
2006-06-21 07:04:30

>#5
>それを どこにどう貼るのかわかりません

解決されるまでここでバッチリサポートしますよ。
コピー&ペーストもわからないとおっしゃってましたので、それを踏まえて超わかりやすく説明します。

#8.  
2006-06-21 08:26:12

**********************
文字のコピー&ペースト
**********************

コピー&ペーストとは、文字などをコピーして別の場所に貼り付けるという事です。

#### コピーの流れ ####

1.コピーする文字を選択する。

2.選択して色が反転した部分にマウスカーソルを乗せる。

3.右クリックしてメニューを開く。

4.「コピー(C)」というメニューを選択する。

######################

以上でコピーは完了です。

#9.  
2006-06-21 08:27:24

■1.文字を選択する

選択可能な文字にマウスカーソルを乗せると、カーソルが I のような形になります。
まず、この I の形のカーソルを選択する文字の先頭に移動させます。

例えば、「 A B C D E F G 」という文字列の、「 B C D E 」だけをコピーしたい場合、

A  B  C  D  E  F  G
 ↑
ココにカーソルを移動

移動したら、その位置でマウスの左ボタンを押したままにします。
(クリックとは違います。離したらダメです。)

次に、マウスを押したまま、選択する文字列の終りまでカーソルを移動させます。

A  B  C  D  E  F  G
             ↑
マウスを押したままココにカーソルを移動

これで「 B C D E 」の部分が選択された状態になりました。
その部分だけ文字と背景の色が変わっているはずです。

改行を含む長い文字列なども、マウスを押したまま下へ移動させれば選択できます。

#10.  
2006-06-21 08:32:02

■2.選択した文字をコピーする

選択された部分は文字と背景の色が変わっています。
この、色の変わった選択済み部分にマウスカーソルを乗せて下さい。
先ほどは文字の上に乗せたら I の形になっていたカーソルの形が矢印のままです。
この状態で、マウスの右ボタンをクリックしてメニューを開きます。

※この時、選択した部分にカーソルが乗っていないと選択が解除されてしまいます。
※乗っていればカーソルが矢印になっています。

開いたメニューの中から「コピー(C)」をクリックします。
もし、「コピー(C)」が見つからない場合、選択した部分にカーソルが乗っていなかったので最初からやりなおして下さい。

これでコピーは完了しました。
選択した文字列はパソコンが一時的に記憶しています。

※コピーが済んでも選択状態は解除されませんが気にしないで下さい。
※どこかをクリックすると解除されます。

#11.  
2006-06-21 08:33:00

●コピーの補足説明

さきほどコピーした文字列は、パソコンの「クリップボード」という特殊な領域に記憶されています。
これは一時的な記憶領域で、次にコピーをしたら前のコピーは消えてしまいます。

ですから、「ABCDEFG」の「AB」と「FG」をコピー&ペーストしたい場合、

「AB」をコピーして貼り付ける。
↓
「FG」をコピーして貼り付ける。

という風にしなくてはなりません。
一度に「AB」と「FG」をコピーして貼り付けるというのはできません。
一度で済ませたい場合、「ABCDEFG」すべてをコピー&ペーストして、貼り付けた先で「CDE」を削除します。

#12.  
2006-06-21 08:35:42

#### ペーストの流れ ####

1.文字の入力できる場所で右クリックする。

2.「貼り付け(P)」というメニューを選択する。

######################

■3.コピーした文字列を貼り付ける

入力フォームやメモ帳など、テキスト(文字)を入力できる部分へコピーした文字を貼り付けます。

ペースト(貼り付け)はコピーより簡単です。
文字の入力場所でマウスの右ボタンをクリックしてメニューを開きます。
開いたメニューの中から「貼り付け(P)」をクリックします。

これでコピーした文字が貼り付けられ、コピー&ペーストの完了です。

#13.  
2006-06-21 08:56:54

★ブログにバナーを貼り付ける

##### 作業の流れ #####

1.バナー用のタグをコピーする。

2.バナーを表示する為の場所を作る。

3.バナー用のタグを貼り付ける。

4.ブログに反映させる。

5.バナーを確認する。

######################

#14.  
2006-06-21 08:59:20

■1.バナー用のタグをコピーする

>>#3の通りだとすると、タグは次のようになります。

※繭さんのユーザ名(introducer)が xxxxx と仮定したタグです。
※コピー&ペースト後、実際のユーザ名に書き換えて下さい。

テキストバナー(文字だけのバナー)

<a href="http://www.torapro.com/unclehs/index.php?iid=114&introducer=xxxxx" target="_blank">学び舎本舗</a>

上記のタグを先ほど説明した要領でコピーします。

#15.  
2006-06-21 09:19:30

●タグコピーの補足説明

バナー画像を使用したい場合にはその画像を用意する必要があります。
アフェリエイトの多くが販促用に直リンク可能画像を用意していますが、どうやら学び舎本舗では直リンクはダメかもしれません。

※他の学び舎本舗ユーザの方は、提供元の画像をダウンロードして使用しています。
※規約などがわかりませんので確実な情報ではありません。(使用すらダメかもしれません)

[参考]
http://manabiyahonpo.com/companydeta.html
「著作権について」の3を必読

バナー画像を使用したい場合、ここではなく新規で質問して下さい。

#16.  
2006-06-21 09:35:12

■2.バナーを表示する為の場所を作る

ここからはブログの管理ページでの作業になります。

管理ページにログインします。

「ようこそ、xxxxxさん」と表示されている下のメニューから「カスタマイズ/管理」をクリックします。

ページの左側にあるメニュー「ブログの設定/管理」の中から「新規追加」をクリックします。
※「プラグインの設定 / 新規追加 」の「新規追加」です。

ページの下の方にある「プラグインのジャンル一覧」の中から「上級者向けプラグイン」をクリックします。

上級者向けプラグインの一覧から「フリーエリア」の行にある「追加する」をクリックします。

フリーエリアの編集ページが表示されます。

これでバナー表示用の場所ができました。
この真ん中にあるテキスト入力場所に、先ほどコピーしたタグをペーストします。

#17.  
2006-06-21 09:45:05

■3.バナー用のタグを貼り付ける

フリーエリアの編集ページにて、テキスト入力場所へマウスカーソルを移動させクリックします。
※広いですが入力場所の中ならばどこでもいいです。

マウスの右ボタンをクリックします。

開いたメニューから「貼り付け(P)」をクリックします。
※コピーしたタグが貼り付けられます。

xxxxxの部分をご自分の正しいユーザ名に書き換えます。

テキスト入力場所のすぐ下にある「改行設定」の選択項目から「変換しない」の横にある丸をクリックします。
※「変換しない」の横の丸に点が付きます。

「この内容で設定する」のボタンをクリックします。

赤い文字で「設定が完了しました。」と表示されます。

これで貼り付けは完了です。
次は、今作ったフリーエリアをブログに反映させます。

#18.  
2006-06-21 10:05:59

■4.ブログに反映させる

ライブドアブログでは、ブログの編集後に再構築という作業が必要です。

ページの左側にあるメニュー「このブログについて」の中から「ブログに設定を反映(再構築)」をクリックします。

ページ中程に「インデックス(トップの記事)」と書かれた部品があります。
この部品は、右端の ∨ のような部分をクリックするとリストが現れるメニューです。
出てきたリストの中から「サイドバー(プラグイン)」をクリックします。
※表示が「サイドバー(プラグイン)」になっていない場合、もう一度 ∨ をクリックして再選択して下さい。

すぐ下にある「ブログを再構築する」のボタンをクリックします。
※クリックすると再構築が開始されますので「サイトの再構築が完了しました。」と表示されるまでお待ち下さい。

これでブログへの反映は完了です。
最後にバナーの表示やリンク先が正しいかを確認します。

#19.  
2006-06-21 10:19:06

■5.バナーを確認する

ご自身のブログを表示してバナーが表示されているか確認して下さい。
さらに、実際にバナーをクリックしてアクセス先が正しいか、必ず確認して下さい。

学び舎本舗の販売ページではURLに存在しないユーザ名が含まれていると警告ページが表示されます。
但し、正しく表示されていても、誤ったユーザ名が偶然存在している場合もあります。
その場合、紹介者はその人になってしまいますので、自信がない場合は契約書類などを見て確認して下さい。

このバナーは「フリーエリアのプラグインを使用したテキストバナー」です。
関連したご質問の際はそのように説明されると伝わりやすいです。

#20.  
2006-06-21 18:11:04

#20
御丁寧に 説明して 頂いて 有難うございます。
どうやら 貼り付けは出来たようです。感激しました。
でも タグの文字が そのまま出てます。それと リンクもしません。良いのでしょうか?
何度もすみません。

#21.  
2006-06-21 19:50:16

>タグの文字がそのまま出てます。
>それとリンクもしません。
>良いのでしょうか?

良くないです(><)
ブログのURLを教えて下さい。

#22.  
2006-06-22 00:14:40

#22   何度もすみません! 
http://blog.livedoor.jp/mhm85372/ です。
見ていただけますか?

#23.  
2006-06-22 10:36:10

お、きましたね。
では今から拝見します。

#24.  
2006-06-22 10:41:04

はい、一瞬でわかりました。

一番先頭の < と一番後ろの > が無いからです。

< このマークは「ここからがタグです」
> このマークは「ここまでがタグです」

という意味です。
これらが無いのでタグとして解釈されずに文字として表示されてしまっているわけです。

#25.  
2006-06-22 10:47:21


今度は1文字残らずキッチリとコピー&ペーストして下さいね。

<a href="http://www.torapro.com/unclehs/index.php?iid=114&introducer=mhm85372" target="_blank"><img src="http://www.torapro.com/cart/images/114.jpg" border="0" width="150" height="147" alt="e-学び舎本舗"></a>

完全版ですので変更する部分はありません。
このまま貼り付けて使用して下さい。

#26.  
2006-06-22 13:07:19

出来ました~! 何度も何度も ありがとうございました。
これで やっと なんとか見られます。
本当に感謝です。 お中元を 送りたい程です。  
どうして こんなに 親切に 教えて下さるんですか?
しかも 無料で(?) パソコン教室とかへ 行けば 月謝とかいるのに・・・・・
とにかく 本当に有難う御座いました(^^)
又何か わからない事が出てきたら よろしくお願いします。

#27.  
2006-06-22 17:45:13

>>#26
私もわからない事があったらここで質問しますから、ギブアンドテイクというやつですね。

バナー貼り付け成功おめでとうございます。

トラックバック(2)

トラックバックURL: