« 掲示板用エントリー | トップページ | 第3回:カスタムテンプレートを作ってみよう »

2006/02/11

第2回:バナーを貼ってみよう

お気に入りのサイトやブログのバナーを表示して、そこに表示先へのリンクを設定する方法です。
↓こんな感じですね。

無料ブログはココログ※クリックするとココログトップに飛びます。

手順

事前準備:バナーを入手する

バナー画像を入手して下さい。
そのサイト(ブログ)で特別の指定がない限り、画像は自分のPCに一度保存するのが基本です。
画像の上で右クリックして「名前を付けて画像を保存」を選択、PC内の任意の場所に判りやすい名前(半角英数)を付けて保存しましょう。

バナー画像をココログにアップロードする

  1. 管理画面にログインし、「コントロールパネル」タブ→「ファイル」タブを開く 
  2. 「新規ファイルのアップロード」の「参照」ボタンを押す 
  3. 「ファイルの選択」ウィンドウが表示されるので、上記で保存したファイル(画像)を選択し「開く」ボタンを押す 
  4. 「アップロード」ボタンを押す
    ※ファイル名が半角英数でない場合、ここで
    ※「不正なファイル名です。 半角英数字のみのファイル名に修正したうえでアップロードしなおしてください。」
    ※と表示が出てアップロード出来ません。
    ファイル名を修正してやり直して下さい。 
  5. 左側の「現在のフォルダ」の「ファイル名」に、 4.でアップロードしたファイル名がリンクとして表示されていることを確認する。
    ※ここまでで画像のアップロードは完了です。

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

以下はサイドバーへの貼り付けについての説明です。

  1. 上記の5.で表示されている画像の名前をクリックしてページを開く。
    ※上記でアップロードした画像が表示されているはずです。 
  2. ブラウザのアドレスバーにそのファイルの保存先のurl(http://~)が表示されるので、これをコピーして「メモ帳」 などに貼り付けておく。
    ※別窓が開いているので、閉じずにそのままにしておけばコピーはしなくてもOKです。 
  3. 管理画面に戻って、「マイリスト」タブ→「マイリストの新規作成」で『リストのタイプ』 が<メモ>のリストを作成する。
    ※名前の欄は入力した文字がサイドバーにタイトルとして表示されますので自分で相応しい文字列を入力してください(例:「お気に入り」 「リンク集」など)
    ※文字列を出したくない時は、スペースを入れても大丈夫です。 
  4. 「最近の項目」というページに切り替わるので、ここで「項目の追加」をクリックする。 
  5. 「項目を追加する」ウィンドウが表示されるので、「備考」欄に下記のタグを入力する。

    <a href="○○○"><img src="□□□" alt="△△△"></a>


    ○○○=リンク先サイトのurl、□□□=画像のurl (2.でコピーしたもの)、 △△△=サイトの名前に置き換えて下さい。
    ※画像の周囲に枠線が出て、それを消したい場合はalt="△△△"のあとにborder="0"を追加してください。 
  6. 「保存」ボタンをクリックする。 
  7. 「項目の一覧」画面に切り替わり、「リストにアイテムが追加されました。ブログやプロフィールページにリストを公開しますか?」のメッセージが表示されるので、メッセージ横の「公開」ボタンをクリックする。
  8. 「公開」画面が表示されるので、リストを公開(設置)したい場所(ブログ または プロフィールページ)を選択し、左端のチェックボックスにチェックを入れる。
    ※表示位置の調整が不要の場合:「変更を保存」をクリック→これで完了
    ※表示位置を調整する場合:「並べ方」をクリックして次に進む。
     
  9. 「デザイン」内「表示項目の並べ方」画面に切り替わるので、作成したバナー入りのマイリストを好きな場所に移動して「変更を保存」する。 

以上です。

うまく出来ましたか?

<ココログ『公式FAQ』内関連ページ>
バナー画像によるリンクをブログのサイドバーに表示する方法を教えてください

応用編:記事内にバナーを貼る場合

 

  1. 「記事の作成」画面を開く。 
  2. 「本文」(または「本文(続き)」)の任意の位置に上記のタグ(<a href="○○○"><img src="□□□" alt="△△△"></a>)を記事内に直接入力する。
    ・プレーンテキストモードを使っている場合→そのまま入力
    ・リッチテキストモードを使っている場合→画面を「HTMLの編集」 に切り替えて入力
    ※自分が使っているテキストモードがどちらかなのかを確認するには、下記のページを参考にして下さい。
    ※ココログ:使い方ガイド 『リッチテキストエディタ』 
  3. 「確認」画面でバナーが表示されていることを確認する。 
  4. 記事を保存する。

※ランキングサイト用などで毎回同じバナーを貼り付ける必要がある場合は、タグ全文を辞書に単語登録しておくと便利です。

ここがポイント

  • <a href="○○○">~</a>は、リンクボタンを作成するHTMLタグです。
    このタグで挟まれた部分にリンクを張って、指定した場所にジャンプさせることが出来ます。
    今回は画像を間に挟みましたが、間に文字列を入れれば文字にリンクを張ることが可能です。
    例:<a href="○○○">ABCD</a>
    (○○○には、 文字列ABCDへのリンク先urlを代入します) 
  • <img src="□□□">は画像を表示するタグです。
    リンクを張らなくても、これだけで使用可能です。
    また上記の説明でこのタグの中に入れたalt="△△△"は表示される画像の代替テキストを指定するタグです。
    画像が表示されている場合は画像の上にマウスを持っていくと表示され、 画像が表示できない場合は画像のある場所にテキストとして表示されます。
    (この上に貼ったバナーの上にマウスを持っていくと、サイト名が表示されるのが判ると思います)
    このタグは入れなくても画像の表示は可能ですが、閲覧者の環境などによって画像がうまく再現されないケースもありますので、 そんなときのためにここに代替テキストを指定しておくようにしましょう。 
  • 「マイリスト」へのタグの入力はメモリスト以外でも利用できます。
    その場合、『人リスト』は<一行紹介>欄に入力して保存、
    それ以外のリストは<メモ>欄にタグを入力して保存したあと、「設定」タブ内の<メモの表示>のチェックを入れて保存して下さい。
    (これらの処理が不要なので、タグを入れる場合は「メモリスト」が一番簡単だと思います)

 

■記事中の「how to」、「point」のボタンは素材サイト「PRISM」さんから頂きました。


 

*この記事にコメントを書く*


|

« 掲示板用エントリー | トップページ | 第3回:カスタムテンプレートを作ってみよう »

カスタマイズ」カテゴリの記事

パーツ」カテゴリの記事

ウェブログ・ココログ関連」カテゴリの記事

コメント

 「みんなの解決広場」からやってきました。
ここもTakoさんのところだったんですね(^-^;
 またまたお世話になってしまいました。m(*__*)mペコ
 とっても分かりやすく、手順を説明していただいているので、私でも上手く貼り付けることができました。ありがとうございました。
 これは普通の画像(例えば、リンクしたいお店の商品画像など)でも同じようにすれば、リンクが貼れるのでしょうか?
 これからも、いろいろ教えてください。よろしくお願いします。

投稿: シナモン | 2006/02/17 16:15

■シナモンさん
こんにちは。ご利用ありがとうございます(^^)
お役に立てたようで何よりです。

>普通の画像(例えば、リンクしたいお店の商品画像など)でも同じように

ファイルのタイプが「gif」「jpg」「png」(ファイル名のお尻に付いているアルファベットを見てみて下さいね)あたりなら大丈夫だと思います。
但し、その画像があるサイトさんの方で、画像の使い方を制限している(例えば「画像は転載禁止」とか)場合もありますので、確認してから使って下さいね。

またのご訪問、お待ちしています♪

投稿: tako→シナモンさん | 2006/02/17 22:57

takoさん初めまして。
みんなの広場で何度かお答えいただいていました。(違う名前でですが・・・)
どうもありがとうございます。
わからないことが多くて今でも苦戦しながら改造続けていますが、こちらを知り、お気に入りに登録させたいただきました。

先日メールフォームの設置方法を教えていただき、なんとかできたのですが、むきだしになっているのも邪魔かな・・・と思い、画像からリンクさせようとこちらの方法を参考にさせていただいたのですが、メールフォームと画像両方が表示され、しかも頭に「a href=」と、後ろに「">」の文字がサイト上に表示されてしまいます・・・
メールフォームをリンクさせることは可能なのでしょうか?
直接の質問すみません・・

投稿: owa | 2006/02/18 16:01

■owaさん
こんにちは。コメントありがとうございます。

メールフォームの件ですが、画像ではないので上記の方法でリンクするのは難しいと思います。
(多分…この辺はまだ私ではハッキリ判りません^^;ごめんなさい)

で、代案を考えてみたのですが、
別ファイルでフォームを表示するページを作成してそこにリンクを貼る、というのはどうでしょう。

1.「メモ帳」で下記のコードを入力し保存します。

html
head
titleメールフォーム/title
/head
body
■ここにスクリプトを全文入力■
/body
/html

※bodyと/bodyの間にメールフォームのスクリプトを設定用の分も合わせて全文入力します。
※保存するときの名前は「mailform.html」などにして下さい。(名前を半角英数、拡張子をhtmlにすれば名前は何でも構いません)

2.上記のファイルをココログにアップロードします。

3.「リンクタイプ」のマイリストを作成します。

4.アップロードしたファイルの保存先のurlをコピーして、「リンクリスト」の「URL」欄に入力して保存します。

5.デザインで表示項目に追加して、並べ替えをします。

これで、リンクをクリックするとメールフォームだけが表示されたHTMLファイルが表示されるようになります。
送信も多分問題なく出来るはずです。

または、「バナーの設置」と同じような感じで何か画像を準備して、ファイルの保存先をリンクurlにしてもいけそうですね。

どちらにしても「別にメールフォーム用のページを準備する」必要があると思います。

お試し下さい。

投稿: tako→owaさん | 2006/02/18 16:40

takoさん、丁寧に教えていただき本当にありがとうございます。
ブログも見に来ていただけたようで・・・
お褒めいただき嬉しいです。
タグ等の知識があまりないわたしにはあれが本当に精一杯だったのですが、後で時間をかけてやってみたいと思います。
お仕事ではないのに、このようなサポートブログまで作られていること、本当にすごいと思います。
また困った時は参考にさせていただきますので、今後ともよろしくお願いします。

投稿: owa | 2006/02/19 12:21

初めまして
takoさま、ココログ初心者のshiyuと申します。

色々たどってこちらのサイトにたどり着きました。
ご丁寧な説明に感謝しています。
これからも寄らせて頂くことがあると思いますが、どうか宜しくお願いします。

投稿: shiyu | 2006/03/02 23:17

■shiyuさん
こんにちは。コメントありがとうございます。

私の記事が少しでも何かのヒントになれれば何よりです(^^)
また遊びに来てくださいね。

投稿: tako→shiyuさん | 2006/03/03 21:51

 はじめまして!!バナーが貼りたくてもできなかった私が・・このブログのおかげで、貼る事ができました!
 でも、バナーは、動画のように動くはずなのに動かない・・・記事上に貼るとバナーの周りに紫の線がかかり、どうすればいいのかこまっています。
 もし、よかったら、教えてください。

投稿: チョコマスク | 2006/03/17 10:22

■チョコマスクさん
コメントありがとうございます。

>バナーの周りに紫の線

この件については、上記記事内の
【バナーをブログに貼り付ける】の5.に書いた
「※画像の周囲に枠線が出て~」以下を参照して下さい。

>動画のように動くはずなのに動かない

バナーを拝見しましたが、保存方法が間違っているように思います。
元のバナーは「マクダル情報」というページにあるものだと思いますが、このバナーの名前は「mcdull_234_60.gif」となっていますが、
チョコマスクさんのブログのバナーは「dada.bmp」となっています。
保存する際に名前を変更するのは問題ありませんが、拡張子まで変更してしまうと全く別のファイルになってしまいます。
元のバナーを「gif」のまま保存して貼り付ければ動画になると思います。

試してみてください。

※一番上に記事がありましたので、それのことだと思って回答しましたがあっていますか?
もし他のバナーのことでしたら、該当のバナーがどれなのか再度ご連絡下さい。

投稿: tako→チョコマスクさん | 2006/03/17 12:24

 ありがとうございます!!紫の線がとれて、本当に嬉しいです。
 でもやはり動画にはならず、残念です。名前をつけて保存のところで、「bmp」になってしまい、「gif」にできない状態で・・・このことはあきらめようかなと・・・せっかくおしえてもらったのに。
 ありがとうございました!!

投稿: チョコマスク | 2006/03/17 19:35

 私のブログにまで来て教えてくださって、もう感激でした!
  うまくいってよかったです。もう、嬉しくって・・・ずっと、バナーを使った記事作りにあこがれていたので・・・ありがとうございました。

投稿: チョコマスク | 2006/03/18 00:40

はじめまして。
ブログを始めたばかりの初心者ですが、takoさんの記事でバナーからのリンクの方法が解りました。
どうもありがとうございます。

で、この事を早速記事にさせて頂いたのですが・・・
やらかしてしまいました。
記事のタイトルに勝手にリンクが・・・(苦笑)

まぁ、徐々にステップアップしていきたいと思います。
その為にも、これからも他の項目についても参考にさせて頂きます。

投稿: かめしか | 2006/03/18 08:46

■チョコマスクさん
こんにちは。

保存、成功したようですね。
おめでとうございます(^^)

あのバグはけっこう「ありがち」なので、修復方法を覚えておくと便利ですよ。

動画はすごく目を惹きますし、ブログを可愛く見せてくれますが、通常の静止画像よりはデータ量が大きいのであまりたくさん配置しすぎると表示に時間が掛かってしまうかも…です。
その辺にも注意してくださいね。

投稿: tako→チョコマスクさん | 2006/03/18 12:04

■かめしかさん
こんにちは。コメントありがとうございます。

私の記事がお役に立てたようで何よりです(^^)
他にも使えそうなところがありましたらどんどん挑戦してみて下さいね。
私もまたネタ(笑)を仕入れて、少しずつ更新していきたいと思います。

またのご訪問お待ちしています。

投稿: tako→かめしかさん | 2006/03/18 12:08

始めましてこんにちは(^-^)
ブログ初心者でバナーを張り方が分からず、困っていた所で
このブログにたどりつき、とても分かりやすく張ることができました。
ありがとうございました(^0^)

投稿: エルモ | 2006/04/02 16:28

■エルモさん
こんにちは。コメントありがとうございます。

バナー貼り付け成功、おめでとうございます(^^)

あまり更新頻度は高くありませんが、今後も少しずつ記事を増やしていきますのでまたご訪問下さいね。
お待ちしています。

投稿: tako→エルモさん | 2006/04/03 07:39

こんにちは。
早速お邪魔させていただきました。
無事バナーが貼り付けられました!ありがとうございます!

とっても詳しい説明で、わかりやすかったです。

こちらのブログですが、リンクさせていただいてよろしいでしょうか?

これからもお世話になると思います。
どうぞよろしくお願いします。

投稿: 若葉 | 2006/04/26 10:00

■若葉さん
こんにちは。コメントありがとうございます。
お返事が遅れてごめんなさい。

記事がお役に立ったようで何よりです(^^)
これからも、自分らしい楽しいページを作っていって下さいね。

リンクの件は大歓迎です。
こちらこそ宜しくお願いします。

投稿: tako→若葉さん | 2006/04/30 01:17

takoさん、こんにちは。

リンクさせていただきました!
これからもよろしくおねがいします。

ご報告まで。

p.s.お返事不要ですので~

投稿: 若葉 | 2006/05/01 21:14

はじめまして。
記事の中にバナーを貼り付けてリンクを張る方法がわからず、
困っていました。

とてもわかりやすく説明してあり、無事できました。
ありがとうございました。
これからも参考にさせていただきます。

投稿: ゆるるん | 2006/05/13 18:54

■ゆるるんさん
こんにちは。コメントありがとうございます。

私の記事がお役に立てたようで何よりです。
これからも楽しんでブログを続けて下さいね。

またのご訪問お待ちしています(^^)

投稿: tako→ゆるるんさん | 2006/05/14 22:58

takoさん、こんにちは!
こちらのブログを拝見して、やっと昨日、画像付きバナーを貼り付けることができました。
が、今朝見ると、画像に×がついているのです。
クリックするとURLにとんでいくのですが、画像が×になったのはどうしてでしょうか?
使用してはいけない画像だったのでしょうか?

投稿: ant | 2006/05/15 10:58

■antさん
こんにちは。コメントありがとうございます。

ご質問の件ですが、

>画像に×がついている

という状況から考えると(多分)img scrで指定した画像urlが間違っていると思うのですが、antさんのブログを実際に拝見していないので確答するのは難しいです。

念のため、下記のことを確認して下さい。

1.画像は、自分のPCに一旦ダウンロードしましたか?
2.それを自分のブログのファイルマネージャーにアップロードしましたか?
3.記述したタグの「img src="□□□"」の□□□の部分は、上記でアップロードしたアドレスをフルパス(http://から全部)記述しましたか?
4.入力したurlに間違いはありませんか?
5.貼り付けた後、間違えて元の画像を削除してしまっていませんか?

今のところ思いつくのはこのくらいなのですが…。
もしどれかに該当していたら、もう一度上の記事を読んでやり直してみてください。

どれにも当てはまっていないようなら文章だけでは判りかねますので、差し支えなければantさんのブログurlを教えて下さい。
実際に確認して判る範囲でお答えしたいと思います。
※その場合、「×」になっているバナーはそのままにしておいて下さいね。

最後に、

>使用してはいけない画像だったのでしょうか?

もし仮に「使用してはいけない画像」だったとしても、上記の記事の手順を踏んでいる限り勝手に消えることはないと思います。
(もちろん、それを「使っていいかどうか」という話とは別問題ですが)

以上、ハッキリしない回答で申し訳ないですが、参考になれば幸いです。

投稿: tako→antさん | 2006/05/15 11:30

takoさん、ありがとうございます!

2.までは出来ていたのですが、
3.で昨日はアップロードした時の参照の左に出てくるURL?をコピーしていました(T-T)

takoさんに教えて頂いたように、アップロードしたアドレスをフルパス(http://から全部)で記述しました。

これで大丈夫だと思います。

迅速に教えて頂き、大変感謝しております。
ありがとうございました(*^o^*)


投稿: ant | 2006/05/15 13:13

初めまして!まるという者です。

バナーの貼り方が分からずに困っていたので、参考にさせていただきました。
とても分かり易かったです!無事にトップページにバナーを貼ることができました☆
ありがとうございました!

投稿: まる | 2006/05/20 16:46

■まるさん
こんにちは。コメントありがとうございます(^^)

お役に立てたようでなによりです。
また何か使えそうな記事がありましたら覗きに来て下さいね。
お待ちしています。

投稿: tako→まるさん | 2006/05/22 22:10

初めまして
バナーの貼り方が非常にわかりやすく説明されており
簡単に貼ることが出来ました。
ありがとうございました。

さて早速質問で恐縮ですが、
バナーは貼れましたが
クリックしてリンクにとべないんです・・・・
どうしたらいいんでしょうか・・

投稿: チサト | 2006/06/11 20:13

■チサトさん
こんにちは。コメントありがとうございました。
ご質問の件ですが、記事に書いてあるとおり、

a href="○○○"img src="□□□" alt="△△△"/a

の中のhref="○○○"の○○○をそのサイトのアドレス(url)に変更すればリンクされるはずです。
実際にブログを拝見出来ないのでどこが原因かハッキリは判らないのですが、タグの記述が間違っていない限り表示されるはずですのでもう一度タグを見直してみて下さい。

宜しくお願いします。

投稿: tako→チサトさん | 2006/06/11 20:46

◎tako様◎

丁寧なご説明、大変感謝しております。
表記してある説明の読み方が乱雑で申し訳ありませんでした。

タグに書き間違いがありました汗

ありがとうございました!出来ました!

投稿: チサト | 2006/06/12 06:43

初めまして・・・すごく嬉しいです。いいアドバイスくれたので 早速。。試行錯誤で頑張ってみたいと思います。またバナーが貼れたら訪問させて頂きます。

投稿: piyo | 2006/06/14 20:42

■チサトさん
こんにちは。
成功おめでとうございます。
ご連絡が頂けて私もホッとしました(^^)

これからもいろいろと工夫してみて下さいね。

コメントありがとうございました。

投稿: tako→チサトさん | 2006/06/16 00:04

■piyoさん
コメントありがとうございます。

…ちょっと苦戦していらっしゃるようですね^^;
どんなふうに上手く行かないのかお知らせ頂ければ、私で判ることならアドバイスさせて頂きます。

ご遠慮なくどうぞ。
お待ちしています。

投稿: tako→piyoさん | 2006/06/16 00:12

実は 私の鈍さに困ってます。は マイリストの<メモ>の空欄に貼って ○○○には バナーを貼るURLを記入し □□□には 保存した画像の番号のみを記入し、△△△には 貼りたいバナーのサイト名を記入ですね?アンダーラインを消したいので border"0"で消すんですね?ここまでで 何か間違いがあるんでしたら 指摘してください。よろしくお願いします^^ペコリ

投稿: piyo | 2006/06/19 14:27

■piyoさん
こんにちは。

>○○○には バナーを貼るURLを記入し

「バナーを貼るURL」というか、相手のサイトのURLですね。
クリックしたら飛んでいく相手先、です。

>□□□には 保存した画像の番号のみを記入し

番号ではなく、画像を自分のブログにアップロードしたときの画像のアドレス(URL)です。

>△△△には 貼りたいバナーのサイト名を記入
>アンダーラインを消したいので border"0"で消す

この2つはOKです。

具体的に例を出しますね。
この記事に載せている「Four seasons」さんのバナーの場合、
a href="http://sora.mods.jp/"&ltimg src="http://tea-for-me.cocolog-nifty.com/banner6a.jpg"alt="Four seasons" border="0" //a
となっています。

○○○=http://sora.mods.jp/
で、これは「Four seasons」さんのURLです。
バナーをクリックすると、このアドレスに飛びます。

□□□=http://tea-for-me.cocolog-nifty.com/banner6a.jpg
で、私のココログ上のファイルマネージャーに画像を保存したときのURLです。
※試しに上記のアドレスをクリックしてみて下さい。画像だけが表示されたページに飛びます。これがこのバナー画像を保存してあるURLです。
※piyoさんも、記事内の【バナー画像をココログにアップロードする】に書いてある方法で画像をアップロードして、ファイル名をクリックすればその画像が表示されたページが確認出来るはずです。
※それをここに代入して下さい。

で、最後に
△△△=Four seasons
ですね。

多分、□□□の部分が判りにくいのかな、と思うのですが、落ち着いて一つ一つ書いてある通りに処理すれば出来ると思いますので、頑張って下さい。

投稿: tako→piyoさん | 2006/06/19 20:33

tacoさん 何度もご丁寧にありがとうございます。只今 やっとバナーが 貼れました。違ったところは 画像のURLの部分と サイト名の部分に 「項目の追加」をしてなかったのです^^我ながらほんとお恥ずかしくて・・・でも 感激しました。本当にありがとうございます。これから たびたび除かしてもらいます^^

投稿: piyo | 2006/06/19 22:47

■piyoさん
こんにちは。
成功のご報告、ありがとうございました。
私もホッとしました(^^)

タグを記述するのは慣れないうちは戸惑うことも多いかと思いますが、法則が判ってくれば自由に書けるようになると思います。

これからも楽しんでブログを続けて下さいね。

投稿: tako→piyoさん | 2006/06/21 07:36

初めまして。m(__)m
バナーの貼り方、とても参考になりました。
ココログの場合、ちょっとやっかいですね。
(-_-;)

今後も、ココログのカスタマイズ方法を楽しみにしております。

P.S
IEのお気に入りに登録させて頂きました。

投稿: clint | 2006/07/26 21:14

とても参考になりました。
感謝しています、ありがとうございました。

投稿: さくら | 2006/07/30 11:13

■clintさん
こんにちは。コメントありがとうございます。

お役に立てて何よりです。
なかなか記事の更新が出来ないのですが、既存の記事だけでも参考にしていただけたら嬉しいです。

今後とも宜しくお願いします。

投稿: tako→clintさん | 2006/07/30 11:48

はじめまして。kotoと申します。バナーのはりかた大変、大変助かりました。初めて成功したときは感動してしまいました。ブログ初心者の為、今後もたびたびごやっかいになると思いますが、よろしくお願いします。

投稿: koto | 2006/08/03 23:45

■さくらさん
こんにちは。コメントありがとうございます。
お役に立てたようで何よりです。

これからも楽しんでブログを続けて下さいね。

※お返事が遅くなってゴメンナサイ^^;

投稿: tako→さくらさん | 2006/08/06 12:39

■kotoさん
こんにちは。

記事がお役に立てたようで何よりです。
ご報告ありがとうございました。

今後とも宜しくお願いします(^^)

投稿: tako→kotoさん | 2006/08/06 12:44

TAKOさま 
今回もよろしくお願いします。

記事の中にバナーを貼りたいのですがうまく貼れません。
TAKOさんの説明どおりにするのですがブログ上にバナーの名前だけがでて画像が表示されません。

リードメールの紹介バナーなどはブログには貼れないのでしょうか?

よろしくお願いします。

投稿: なっちゃん | 2006/09/19 00:38

■なっちゃん
こんにちは。

ご質問の件、9月7日の『RR-Surf』の記事のことですよね。

ソースを確認したのですが、画像の保存場所として指定してある
http://rrs.nsf.jp/banners/ban1.gif
には画像が存在しないようなのですが…。

念のためリンク先(「RR-Surf」)にも飛んでみたのですが、サイト自体該当ファイルなしのメッセージが返ってくるようです。
多分、サーバーがダウンしているなど、リンク先のエラーが原因だと思うのですが…。

※ブログ検索で「RR-surf」を検索したところ、やはり他にも繋がらなくて困っていらっしゃる方がいるようですね…。
http://chicyamama.blog9.fc2.com/blog-entry-815.html

ちなみに、

>リードメールの紹介バナーなどはブログには貼れないのでしょうか?

の質問については、規約的にどうかというのは確認したことがないので今すぐ何とも言えませんが、少なくとも物理的に貼ることが出来ないということはないと思います。
(単純にHTMLで指定しているだけなので)

以上です。
参考になれば幸いです。

投稿: tako→なっちゃん | 2006/09/19 07:20

こんにちは。カスタマイズ法、いつも参考にさせていただいております。
このたび、第22回の記事を参考に全画面で画像を表示させるテンプレートに変更したのですが、これまで表示されていなかった「バナーに黒枠」が表示されるようになってしまいました。border="0"を入力しても消えてくれません。すべてのリンクに黒枠が表示されてしまうので、CSSそもそもになにか問題があるのではないかと思っているのですが。
まだ勉強中でどうにも自分で解決できなかったものですから質問させていただきました。なにかアドバイスあればご解答いただけると幸いです。

投稿: まじょ。 | 2006/10/07 23:17

■まじょ。さん
こんにちは。コメントありがとうございます。

ご質問の件ですが、CSSを拝見したところ、まじょ。さんがご自分で指定したCSSではなく、テンプレートの元々のCSSに

.sidebar img {
border: 1px solid #000000;
}

という指定があり、これが影響しているものと思われます。
多分[テーマの編集]の中の該当項目が何かの拍子に書き替わってしまったのではないでしょうか。
修正するには、

[デザイン]→[テーマを変更]→[サイドバー項目]を開いて、
この中の[サイドバーに表示する画像]の枠線を「なし」に変更→保存すれば直ると思います。
(多分、今は「あり」になっているはず…)

※もしも上記で既に枠線の設定が「なし」になっていた場合は、「カスタムCSS」に

.sidebar img {
border: 0px;
}

を追加してみて下さい。
CSSは後に書いたものが優先して反映されるので、0pxで読んでくれるようになるはずです。

試してみて下さい。

投稿: tako→まじょ。さん | 2006/10/07 23:53

takoさん、さっそくのアドバイスありがとうございました!
アドバイス通り確認してみましたところ、サイドバー画像の表示が「あり(囲む)」になっておりました。まさかこんな基本的なポイントだったとは盲点でした。
takoさんに相談して、本当に良かったです。いつもtakoさんのカスタマイズを参考にさせておただいております。どうぞこれからもよろしくお願いします。頑張ってください!

投稿: まじょ。 | 2006/10/08 03:46

■まじょ。さん
こんにちは。

無事に修正出来たようですね。回答が役に立ってよかったです。

また遊びに来て下さいね。お待ちしています。

投稿: tako→まじょ。さん | 2006/10/09 00:05

あたしも長い間黒の枠線に悩まされておりました。
ラインも消してるはずなのに・・・なんて思ってました。
で・・・諦めておりましたが、↑のまじょさんと同じでしたぁ。
単純単純。サイドバー項目のとこの【画像の枠線】の設定を思いっきり【アリ】にしておりました。
これですっきりバナー表示ができるようになりました。
ありがとうございますぅo(*^▽^*)o~♪

投稿: チーボ | 2006/10/24 16:29

はじめまして。
バナーの貼り方、非常に役に立ちました。
ありがとうございます。
一人で試行錯誤しながら行っていたのですが、なかなか貼り付ける事が出来ず、こちらのサイトに出会え助かりました。
内容も非常にわかりやすく、今までの苦労は…
これからも利用させて頂きますので、よろしくお願いします。

投稿: hiro | 2006/12/17 08:15

■hiroさん
こんにちは。コメントありがとうございます。

私の記事が役に立って何よりです。
また使えそうなカスタマイズがありましたら試してみて下さいね。

これからも楽しんでブログを続けて下さい。

投稿: tako→hiroさん | 2006/12/17 23:10

私は、バナーの貼り方がわからなかったので、
すごく助かりました。
本当にありがとうございました。

投稿: kaoru | 2006/12/18 18:41

こんにちわ。丁寧な説明が記載してあり、とても分かりやすく感激しています。
ところで質問があるのですが?
実は記載してある方法でサイドバーにバナーを貼ろうとしたのですが画像が表示されません。
ですが、デザインの編集画面で確認した時には、画像が表示されリンク先にも飛んで行けるようです。
ブログ上に反映させると、バナー画像が表示されず、タイトルのみの表示となります。
新年そうそう御質問で申し訳ございません。

投稿: ヒロ | 2007/01/01 15:52

■ヒロさん
こんにちは。コメントありがとうございます。
年末年始の休暇でオフライン状態だったため対応が遅くなり申し訳ありません。

さてご質問の件なのですが、具体的にどのバナーのことでしょうか?
ブログを拝見しましたが、表示がおかしい部分はないようなのですが…。

もしかしたら、と思ったのは「人気ブログランキング」のバナーなのですが…。
左サイドバーに同じタイトル(「カチカチクリックで投票してね♪」)で人気ブログランキングのリストが2箇所(真ん中辺と一番下)に入っています。
真ん中はリンクのみ、一番下はバナー付きの表示になっていますが、これのことでしょうか?
だとしたら、真ん中辺のものを削除(非表示)にして、一番下のものの表示位置を変更すればよろしいかと思います。

もし上記と違うバナーのことでしたら、どこに貼ったバナーが変なのか具体的に指定していただけると助かります。

投稿: tako→ヒロさん | 2007/01/03 20:14

お初です。
ブログのランキングサイトに登録するために、
バナーをトップページに貼らないといけないのですが、
そのためにこのサイトを利用いたしました。
本当にわかりやすく、参考になりました。

投稿: 的内 亮 | 2007/01/04 00:56

はじめまして とても分かりやすく解説してあるので
バナーも上手く貼れました。
最近よくおじゃまするブログに自分の撮った写真の上に
ランキングバナーを貼ってあるのを見かけます。
どうしても上手く貼ることができません。
もしお分かりでしたら教えていただけませんか?
特にHTMLの並べ方が分かりません。
よろしくお願いします。

投稿: ポンタ | 2007/01/04 23:32

丁寧なご回答ありがとうございます。
質問の場所はまさにtakoさんがおしゃっている場所です。

で、リンクのみを非表示にし、バナー付のものの表示位置を変えてみたのですが、うまく記事内に反映されないようです(困)。

設定も再度やり直してみたのですが・・・。

ですがわざわざブログまで訪問されて、確認していただけた事にとても感動いたしました。
ありがとうございます☆

投稿: ヒロ | 2007/01/04 23:40

■的内 亮さん
こんにちは。はじめまして。

このブログの記事がお役に立ったようで何よりです(^^)
これからも楽しくブログを続けて下さいね。

コメントをありがとうございました。

投稿: tako→的内 亮さん | 2007/01/04 23:53

■ポンタさん
こんにちは。はじめまして。
コメントありがとうございます。

ご質問の件ですが、

>自分の撮った写真の上に
>ランキングバナーを貼ってある

というのが具体的にどういう状態なのか、残念ながら想像できません^^;
(「画像を2つ重ねて加工してある」というのが最初に思い浮かびましたが、そうではないわけですよね?)

そのブログのアドレスを教えて頂ければ(ソースを拝見して)判ることがあると思いますが、ご質問文だけではちょっと難しいです。
該当のブログのオーナーさんに尋ねてみては如何でしょうか。

お役に立てずごめんなさい。

投稿: tako→ポンタさん | 2007/01/05 00:10

■ヒロさん
こんにちは。

え~っと、コメントの文章から判断すると、
「記事内にもバナーが貼りたい」
ということでしょうか?

だとしたら、サイドバーのバナーと、記事内のバナーは全く別です。
サイドバーにバナーを貼れば、記事内に反映するという設定は少なくともココログにはありません。
一つ一つの記事にバナーを貼るためには、記事を書くごとに毎回バナーを表示するタグを入力する必要があります。

現在、ヒロさんは記事に

a href="http://blog.with2.net/link.php?397159"人気ブログランキングへカチカチクリック。。/a

というタグを入力されていますよね。
これをバナーにするにはサイドバーに入力したのと同じタグ、つまり

a href="http://blog.with2.net/link.php?397159"img src="http://blueday.cocolog-nifty.com/banner2.gif" alt="人気blogランキング"/a

に変更すればいいのです。
(毎回記事に同じタグを記述します)
もしクリックをしてもらうための文章も入れたいのだったら、文章にはリンクを貼らずにバナーの前(または後ろ)に普通に記述すればいいのではないかと思うのですが…いかがでしょう。

もしお問い合わせの内容と回答がズレていたら、その旨ご指摘下さい。

投稿: tako→ヒロさん | 2007/01/05 00:26

takoさん、たびたびのレスありがとうございます!

実は問題が解決しました。

問題は左サイドバーにランキングサイトのバナーが表示されないことでした。

ですが、知人に聞いたら“表示されてるよ?”って言われ、漫画喫茶に行ってみたら表示されているんですよね。。

だけど、自分の家のパソコンで開くと、バナーが表示されていないし、リンクも貼れていない。

ですが、デザインの編集画面に行き、確認ボタンを押してみると表示されている。

うーん。と思って今、自分のパソコンで自分のブログを開くと・・・ちゃんとバナー画像が表示されリンクも貼れている。

原因は全く分からないのですが・・・。

takoさんには親切のアドバイスを戴き、かなり感激しました!!本当にありがとうござました☆

投稿: ヒロ | 2007/01/05 19:40

■ヒロさん
こんにちは。
なるほど、見る人によって見え方が違っていたわけですか。
それではなかなか話が噛み合わないわけですね^^;
でも、無事に解決したようで何よりです(^^)

私もハッキリした原因は判らないのですが、こういう場合「ブラウザのキャッシュ」が原因のケースが多いようです。
以下、参考まで。

■キャッシュとは
つまり、インターネットでサイトを閲覧する場合、以前見たことがあるサイトについてはキャッシュを利用することによって表示を高速化しているわけです。
通常ブラウザは定期的にデータを自動更新するように設定されているのでそれに合わせてキャッシュも更新され、いつまでも前のデータのまま表示されることはないのですが、何かの拍子に更新が上手く行かず過去に取得したキャッシュデータをそのまま読み込んでしまうことがあります。
そうすると、ブラウザの表示上は設定やデータが更新されていないかのように見えてしまうわけですね。

ヒロさんの場合もしばらく更新されていなかったブログのデータが、何度か繰り返し見ているうちにまた何かの拍子で更新されて見えるようになった、ような気がします。
(あくまで推測ですが)

今回は無事解決したようですが、もし次回同様の現象が起きた場合は「キャッシュのクリア」をして再度最新データを読み込むことで改善が期待できますので試してみては如何でしょうか。
方法については解説しているページがたくさん存在しますので下記など参考にしてみて下さい。
■「キャッシュ クリア」の検索結果

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

投稿: tako→ヒロさん | 2007/01/06 10:22

こんばんは 画像を2つ重ねてあるのだと思います。
画像を加工して切り抜いて貼り付けてあるようですが
今ひとつイメージがピンとこなくて分からないのです。
http://hanamarutan.blog82.fc2.com/
こちらの方のブログを参考にしていただけますか?

投稿: ポンタ | 2007/01/06 23:49

■ポンタさん
こんにちは。

お知らせいただいたブログを拝見しました。
こちらのブログでは、【2つの画像を加工して1つの画像にしたもの】をバナーとして利用しているようです。

画像の加工になるとココログのカスタマイズとは離れた話題になりますのでこちらでは回答しませんが、画像加工ソフトを利用すれば比較的簡単に出来るのではないかと思います。
Windows付属の「ペイント」を利用して加工する方法を判りやすく説明しているページを見つけましたので参考にして下さい。

■「All About」内『ペイントを使って写真をかんたん合成』

※上記ページでは画像を並べていましたが、これを重ねて1つの画像として保存すればOKです。
※「ペイント」以外の画像加工ソフトを利用しても同様の加工は可能です。
 (処理方法は使用ソフトによって変わりますのでご自分で検索して下さい)

画像の加工が終了したら、表示用タグ
a href="○○○"img src="□□□" alt="△△△"/a
の□□□部分に加工して1枚にした画像のアドレスを入れて下さい。

投稿: tako→ポンタさん | 2007/01/07 01:05

takoさん ありがとうございます。
早速チャレンジしてみたいと思います。
結果は、また報告します。

投稿: ポンタ | 2007/01/07 09:33

なるほど、かなり参考になりました。

重ね重ねの御回答ありがとうございます。

takoさんさへ宜しければ、うちのブログのサイドバーにリンクを貼って、皆さんにtakoさんのブログを紹介したいのですが、ご迷惑でしょうか?

投稿: ヒロ | 2007/01/07 22:44

■ヒロさん
こんにちは。

リンクは大歓迎です♪
今後とも宜しくお願いいたします。

コメントありがとうございました。

投稿: tako→ヒロさん | 2007/01/08 01:09

takoさん こんばんは 上手く貼れました。
ありがとうございます。一度見に来てください。

投稿: ポンタ | 2007/01/08 23:34

■ポンタさん
こんにちは。
バナーの作成&貼り付け、成功おめでとうございます。
ご報告ありがとうございました。

※コメントの公開及びお返事が大変遅くなり申し訳ありませんでした。

投稿: tako→ポンタさん | 2007/01/16 09:58

始めましてマメグーと申します。

ココログフリーを少しカスタマイズしたいなと思い、プロなどにすると色々できるのかなぁ〜とココログを見ていてこちらに来ました。

パッと目の前が明るく開きました!!とりあえずリンクにバナーを入れてみました!!!又ちょくちょくこちらにお邪魔して色々といじってみたいです!!!!(あまり深入りはしたくないんですけね…)

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

投稿: マメグー | 2007/01/17 21:10

■マメグーさん
こんにちは。コメントありがとうございます。

ブログ拝見しました。イラストがムチャクチャ可愛いですね~♪
特に最新記事の4コママンガが気に入りました(^^)

>あまり深入りはしたくない

あ、気持ち判ります~(笑)
私もカスタマイズを始めると「あれもこれも」と手を出してしまい、なかなか終わらなくなって困ります^^;

お仕事や生活に支障がない程度に楽しんでブログを続けて下さいね。
今後とも宜しくお願いいたします。

投稿: tako→マメグーさん | 2007/01/18 23:20

こんにちは。
バナーのはり方がわからず、ずっと困ってたんですが
ここにたどり着けて無事にはることができました♪

丁寧な解説で、本当に無知なわたしでも
はることができて、感謝しています♪

また困ったことがあれば、色々参考にさせてもらいます♪

あろがとうございました.。・:*:・゚`☆、。・:*:・゚`★

投稿: がねこ | 2007/03/01 09:24

■がねこさん
こんにちは。

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

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

投稿: tako→がねこさん | 2007/03/01 21:04

takoさま
前回は自分でバナーを持った場合の使い方を詳しく
教えていただきましてありがとうございました。
本当に申し訳ないのですがまた質問をさせて下さい。
バナーを作ったとして、貼り付け方はわかったのですが
そこにつける文章”ご自由にお持ち帰り下さい”と言う
言葉はどこの画面で記述すればブログに表示
されるのでしょうか?
takoさまのこちらのミニ掲示板の時も同じですが、
(私も掲示板を作りたいと思っております)
お気軽にどうぞ♪と書かれたその上の文章
”掲示板です。~コメント欄をご利用下さい。”までの
文章はどこの画面で記述しているのですか?
教えていただけますか?どうぞよろしくお願いします。

投稿: じゅんこ | 2007/03/05 23:13

■じゅんこさん
こんにちは。

>お気軽にどうぞ♪と書かれたその上の
>文章はどこの画面で記述しているのですか?

あれは、同じマイリストの中の「項目」を『スクリプト設置用』と『説明書き用』の2つ準備して表示しているだけです。
メモリストで、どちらも「メモ」欄(広い方)に入力して下さいね。
この方法で注意して欲しいのは
【後から作ったリストが上に来る】
ということです。
ここの掲示板の場合だと、『スクリプト設置用』よりも『注意書き用』の作成日のが後、ということです。
メモリストの場合、この並び順が変えられないのがちょっと面倒なんですよね。
なので、表示する順番を考えて、下に置くものから順に作り始めてると上手く行くと思います。
試してみて下さい。

投稿: tako→じゅんこさん | 2007/03/06 00:30

takoさま
わかりました!下に置くものから作るんですね。
広い方にはスクリプトだけしか貼ってはいけないと
自分で勝手に解釈してしまい困っていました。
これでなんとか出来そうです!いつも親切にお答え
いただきありがとうございます。頑張ってやってみます!

投稿: じゅんこ | 2007/03/06 21:12

こんばんは♪

バナー無事に貼ることが出来ました♪丁寧な説明なおかげです!!ほんとうにありがとうございました♪

また お世話になることがあるかと思いますが、その時はまた よろしくお願いいたします(*^_^*)

投稿: ☆yuka☆ | 2007/03/06 23:45

■☆yuka☆さん
こんにちは。コメントありがとうございます。

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

他にもお役に立ちそうな記事がありましたら、どんどん挑戦してみて下さいね。
またのご訪問お待ちしています。

投稿: tako→☆yuka☆さん | 2007/03/13 00:18

はじめまして。
バナーのつけ方がわからず検索して辿り着きました☆
お陰さまで無事つける事ができました!!
ありがとうございました(〃^∇^)
またお邪魔させて頂きます♪

投稿: もふすけ | 2007/04/12 11:13

■もふすけさん
こんにちは。はじめまして。

随分前に書いた記事ですが、お役に立って嬉しいです。
他にも使えそうなものがありましたらどんどん試してみて下さいね。

コメントありがとうございました。

投稿: tako→もふすけさん | 2007/04/12 22:11

こんにちは!!
バナーの貼り方がわからず、検索してここにきました。

他にも見てきたのですが、どうしてもわかりづらく諦めかけていたのですが・・・
こちらはとてもわかりやすく、初心者の私でも順番どうりにやればきちんと貼ることができました。

ありがとうございました

困ったときにはまた拝見させていただきます^^

投稿: そら | 2007/06/15 07:57

■そらさん
こんにちは。コメントありがとうございます。

もう随分前に書いた記事ですが、まだどなたかのお役に立つ力があると判ってとても嬉しく思います。

最近は殆ど更新していませんが、他にも何かのヒントになる記事があれば幸いです。
また見に来て下さいね。

投稿: tako→そらさん | 2007/06/16 11:55

無事バナーが貼れました!!
これも分かりやすい説明のおかげです♪
本当にありがとうございました。
またお世話になるかもしれませんがよろしくお願いします。

投稿: 花月 | 2007/07/08 16:09

■花月さん
こんにちは。コメントありがとうございます。

記事がお役に立ったようで何よりです。

ココログでのブログも楽しんで下さいね(^^)
またのご訪問お待ちしています。

投稿: tako→花月さん | 2007/07/08 16:27

こんばんわ。

やはりうまくいきません。
「項目を追加する」ウィンドウが表示されるので、その中の広い方のスペースに下記のタグを入力する。

とありますが、広い方のスペースって、なんですか?

投稿: しるばー | 2007/10/28 00:17

■しるばーさん
こんにちは。

>広い方のスペース

表示された画面にある2つのテキストボックスのうち広い方、という意味で書きました。
この記事を書いた当初はこのテキストボックスに名前が付いていなかったのですが、現在は「備考」という名前になっているようですね。

※ココログの「使い方ガイド」のなかの下記ページでメモリストの使い方が画像入りで解説されています。
非常に判りやすいので、こちらも参照してみて下さい。

http://support.cocolog-nifty.com/howto/2006/03/faq_c8f5_1.html

ところで、

>やはりうまくいきません

とのことですが、過去にもどこかで同じご質問をお受けしましたか?
記憶になかったもので…もしどこかで適当な回答をしていたらゴメンンサイ。

投稿: tako→しるばーさん | 2007/10/28 14:14

takoさま

お返事ありがとうございます。

時間があるときに再チャレンジしてみようと思います。

やはりうまくいかない、というのは

文中になら貼れるかと試してみたのですが、

こちらもうまくいかない・・・という意味です。

たぶんどこかで間違っているのだと思います。

もう少し頑張ってみます。

投稿: しるばー | 2007/11/01 01:24

■しるばーさん
こんにちは。

う~ん…書いて下さっている状況だけでは、情報が少なすぎてどこが(何が)間違っているとこちらでは判断出来ないですね。
間違える可能性があるとしたら
・画像をきちんと自分のココログにアップロードしたかどうか
・その画像のアドレスが間違っていないかどうか
・タグの記述が間違っていないかどうか
くらいでしょうか。
もう一度最初から手順を見直してみると、もしかしたら何か見つかるかもしれません。

お役に立てずごめんなさい。
頑張ってください。

投稿: tako→しるばーさん | 2007/11/01 08:11

大変参考になりました。
バナーも貼ることができました。
このブログをお気に入り登録させていただきました。

ただ、ココログのバージョンアップがされているため、ちょっと応用しないと使えませんね。私は幸運なことにうまくいきましたが・・・。

ココログ初心者なのでこれからもいろいろ教えてもらうと思いますが、よろしくお願いいたします。

投稿: えつこ | 2007/12/10 12:18

■えつこさん
こんにちは。コメントありがとうございます。

>ちょっと応用しないと使えません

申し訳ありません^^;
気が付いたら修正するようにはしているのですが、最近あまり自分でカスタマイズをしていないので仕様変更に追いつかない状況です。
もし「ここが違っている!」という部分がありましたらコメントを残して頂ければ対応致します。
お手数ですがご協力頂ければ幸いです。

今後とも宜しくお願いいたします。

投稿: tako→えつこさん | 2007/12/16 10:53

すごく分かりやすく簡単にできました。
もっとはやくここを見ればよかったなぁ。
ありがとうございました。

投稿: ぽんぽん太 | 2008/01/01 14:45

 バナーの貼り方、とっても役に立ちました。感謝、感激です。

ところでなのですが、バナーではなくサイト名又はブログ名のみでリン

クする方法を教えていただきたいのですが・・・

投稿: 時雨 | 2008/01/03 12:23

はじめまして。
サイドバーに項目をカスタマイズして入れる方法をさがしていて、お邪魔しました。

こちらの記事を参考に、ようやく思っていたことができました!ありがとうございます(´▽`)♪
マイリストを使うのですね!知りませんでした。
説明、わかりやすかったです!

また、CSSの追加を使って、カレンダーの色をつけるのや、項目の頭に画像(アイコン)を入れる記事も参考にさせていただきました。

一からCSSとHTMLを書かなければならないのか…と思っていたので、ほんとうに助かりました。重ね重ねですが、ありがとうございます。

またお世話になりにお邪魔すると思いますが、その節は、よろしくお願いいたしますね♪

投稿: teketeke | 2008/01/12 03:43

■ぽんぽん太さん
こんにちは。コメントありがとうございます。

記事がお役に立って何よりです。
またお時間があればご訪問下さいね。

※返信が遅くなり申し訳ありませんでした。

投稿: tako→ぽんぽん太さん | 2008/01/12 10:30

■時雨さん
こんにちは。コメントありがとうございます。

質問を頂いていたのに返信が遅くなり申し訳ありません。

>バナーではなくサイト名又はブログ名のみでリンクする方法

サイドバーに貼るのでしたら「リンクリスト」を使うと簡単です。
使い方についてはココログ公式の「使い方ガイド」(下記ページ)に詳しく書かれていますので、読んでみて下さい。

http://support.cocolog-nifty.com/howto/2006/03/post_2b01.html

記事の中でリンクを貼る場合は、「リンクボタン」を利用します。
これも同様に「使い方ガイド」で説明されています。
(下記ページ内「リンクボタン」を参照して下さい)

http://support.cocolog-nifty.com/howto/2006/03/post_ef3b.html

以上です。宜しくお願いいたします。

投稿: tako→時雨さん | 2008/01/12 10:37

■teketekeさん
こんにちは。はじめまして。

コメントありがとうございます。お役に立てて何よりです。

ブログ拝見しました。
ビビッドな色合いで可愛いデザインですね(^^)
これからもブログとカスタマイズを楽しんで下さいね。

今後とも宜しくお願いします。

※私も最近手編みがマイブームで、こちらとは別の雑談ブログで「ハンドメイド」カテゴリーを作っています。
※もしお暇だったら覗いてみてくださいね。
http://tacop.cocolog-nifty.com/second_message/

投稿: tako→teketekeさん | 2008/01/12 10:58

ブログを見てくださったのですね!
ありがとうございます(*^-^*)

takoさんの編み物も拝見いたしました☆
すごいお上手!!!
またゆっくり拝見させていただきますね。

ところで、こちらのカスタマイズのブログが、とてもわかりやすかったので、私のブログにもリンクを貼らせていただきました。
勝手ながら、また、事後報告で、申し訳ありません。
取り急ぎ、ご報告まで。

投稿: teketeke | 2008/01/15 12:01

こんにちは〜。
「バナーde キャンペーン」とかやってるサイトの
バナーを貼りたくて
でも全くわからなくて…
そしたらこちらがHitして…助かりました〜!
本当に嬉しいです!
どうもありがとうございました(*^▽^*)!!!

投稿: cocon | 2008/01/17 17:56

■teketekeさん
こんにちは。

別ブログまでお越し頂きありがとうございました。
編み物はけっこう小さい頃からやっていたので、「得意」とまでは行きませんが何とか最後まで仕上げることの出来る唯一の手芸です。
(他は始めてもすぐ挫折してしまう…^^;)
今日からオーバースカート(ジーンズの上に履く短めのエプロンみたいなスカート)を編み始めました。
仕上がったらまた記事にしますね(^^)

リンクの件、大歓迎です(^^)ありがとうございます。
今後記事が増えるかどうかは微妙ですが^^;ご質問には判る範囲で回答したいと思っていますので、カスタマイズ中に何か判らないことがありましたらお気軽に質問して下さいね。

今後とも宜しくお願いいたします。

投稿: tako→teketekeさん | 2008/01/25 00:25

■coconさん
こんにちは。

お役に立てて何よりです。
該当のサイト様でもこちらの宣伝をしていただいたようで恐縮です。

また遊びに来て下さいね。

コメントありがとうございました。

投稿: tako→coconさん | 2008/01/25 00:27

どうも、初めまして、水戌と申す者です。
ええと、今回はお礼を申し上げにきたのですが掲示板に書き込んだ方が良かったですか??

一年ほど前にやっていたブログをやめ、また最近復帰してきました。
ところがバナーの貼り方を忘れ(バカ)、
様々なサイト・ブログを巡りに巡っていたところ、
このブログで何もかも解決することが出来ました!!
他のブログは一時間もかかったので(しかも分からない)、
本当に感謝しています。

一方的ですが、
本当にありがとうございました。

投稿: 水戌 | 2008/01/28 21:31

■水戌さん
こんにちは。

>掲示板に書き込んだ方が

いえいえ、バナーの話ですのでこちらで問題ないです。

この記事は本当に初期に書いたのですが、今でも一番参照が多い人気エントリーです。
もう2年近く前の記事が今でもどなたかのお役に立って、しかもそれをわざわざ報告していただけるのは本当に嬉しいです。
ありがとうございます。

これ以上記事を増やすことは(今のところ)あまり考えていないのですが、また何か参考になれることがありましたら幸いです。

これからも楽しくブログを続けて下さいね。

投稿: tako→水戌さん | 2008/01/28 22:33

はじめまして。
突然すみません。

ランキングサイトのバナーの張り方を検索して
こちらにたどり着きました。

自分ひとりでは全然やり方がわからなかったのですが
こちらの説明でバナーを張ることが出来ました!
すごく助かりました、ありがとうございます!

説明は分かりやすいし、
知りたい情報が他にもたくさんあったので、
今後も訪問させていただきたいです。

あることを まったく理解していない人間に説明するのって、
すごくセンスが必要だし大変なことだと思います。

こちらの説明はとても分かりやすくて
感動しました。

これからもがんばってください!!

投稿: スー | 2008/07/14 23:44

■スーさん
こんにちは。コメントありがとうございます。

もう2年半も前に書いた記事なのに、今も参照して下さる方がいることを嬉しく思っています。
ありがとうございます♪

ココログも随時更新、バージョンアップされていますので書いてある内容と現状が合わない部分も随分あると思います。
自分でも気がついたら修正してはいるのですがなかなか追いつきません。
もし何か変な記述がありましたら遠慮なくご指摘下さいね。

イラストと写真が満載で可愛いブログですね(^^)
これからも楽しくブログを続けて下さい。

今後とも宜しくお願いいたします。

投稿: tako→スーさん | 2008/07/15 07:30

はじめまして、ふぃるといいます。
突然すみません。

サイドバーにバナーを貼り付ける件についてなんですが...出来たは出来たんですが、バナーが切れちゃってるんです。どうもサイズが大き過ぎるようで。

この場合はどうしたらいいですか??

投稿: ふぃる | 2008/10/04 07:21

■ふぃるさん
こんにちは。コメントありがとうございます。

ふぃるさんと同じ内容の質問が、以前ココログのユーザー掲示板にてやり取りされていました。参照してみて下さい。

「バナーの画面表示の大きさ」
http://cocolog.kaiketsu.nifty.com/questions/13936/thread

ふぃるさんの場合も原因は上記の内容と同じだと思います。

対策ですが、可能性として
1)サイドバーの幅を広くする
2)バナーの幅を小さくする
3)バナーを小さいサイズに変更する
の3つが考えられます。

1)について
自分で作成したテンプレートならバナーの幅に合わせてサイドバーを広げることが可能ですが、リッチテンプレートは(原則として)CSSによる改変は出来ません。

2)について
バナーを配布しているサイトさんの許可が必要です。
許可が得られたら、画像編集ソフトなどを利用して自分で適切な大きさに修正して下さい。
但し、許可が得られるかどうかは私には判断出来ません。

3)について
通常、バナーを配布しているサイトさんなら複数のサイズのバナーを準備されていますので、その中から今の物よりも小さいサイズを選んで設置します。
(ちなみに私は全て幅88pxのバナーをお借りしています)
これが一番簡単な方法だと思います。

以上です。
ご参考になれば幸いです。

投稿: tako→ふぃるさん | 2008/10/04 10:22

無事成功しましたo(*^▽^*)o
親切に教えてくださりありがとうございましたww

またこのサイトにはちょくちょくお世話になろうかと思います。

それでは。

投稿: ふぃる | 2008/10/13 15:53

はじめまして。

ブログ初心者で、バナーの貼り付けるのに苦労していましたが、
こちらにたどり着き、無事に貼り付けることができましたhappy01

とても丁寧な解説に感謝しております。
本当にありがとうございました!!

こちらのサイトにはまたお世話になることあるかと思いますので、今後ともどうぞよろしくお願いします。

投稿: tomotsubame | 2009/01/12 21:37

■tomotsubameさん
こんにちは。

かなり古い記事ですが^^;、お役に立てたようで何よりです♪
これからも楽しくブログを続けて下さいね。

わざわざコメントありがとうございました(^^)

投稿: tako→tomotsubameさん | 2009/01/14 21:59

はじめましてnote

バナーの貼り付け方が、わからなくて困っていたら
こちらにたどりつきました。

とてもわかりやすい説明で、先程バナーを貼る事が
できましたhappy01

大変、助かりました
ありがとうございました

投稿: 草田かしす | 2009/03/22 10:46

初めてのブログに四苦八苦coldsweats02
ヘルプからお邪魔しました。とてもわかりやすく助かりました。
まだまだ人さまにお見せできる状態ではないのですががんばって恥ずかしくないブログにしていきたいです。これからも勉強させてください。

投稿: azuma | 2009/03/28 21:12

■草田かしすさん
こんにちは。
記事が役に立って何よりです。
ご報告ありがとうございました。

これからも楽しんでブログを続けて下さいね。

投稿: tako→草田かしすさん | 2009/03/28 22:21

■azumaさん
こんにちは。コメントありがとうございます。
お役に立てたようで何よりです。

また遊びに来て下さいね。
お待ちしています。

投稿: tako→azumaさん | 2009/03/28 22:28

こんにちわ(*^▽^*)

昨日ブログを開設したばかりで、バナーの貼り方がわからす悪戦苦闘していたところ、こちらにたどり着きました(´▽`) ホッ

とってもわかりやすい説明で、ブログ超初心者の私にでもバナーを貼ることができました~。゚゚(´□`。)°゚。

ありがとうございましたm(_ _"m)ペコリ

それと、勝手にリンクを貼らせていただきましたm(_ _"m)ペコリ

これからも、何かとお世話になると思いますのでよろしくです

投稿: +かめた+ | 2009/04/07 01:07

■+かめた+さん
こんにちは。

この記事はもう3年以上前に書いた記事ですが、いまだに一番参照の多い記事でもあります。
+かめた+さんのブログの「最初の一歩」のお役に立ててとても嬉しいです。

これからブログを通じていろいろ新しい発見があると思いますので、どうぞ楽しんで続けて下さいね。

コメントとリンクありがとうございました♪

投稿: tako→+かめた+さん | 2009/04/07 19:29

ありがとうございますっhappy02
おかげ様でバナーというものを貼ることができました。
初めてのブログでわからないことだらけですが
こちらでお勉強させていただきながら がんばりますーっ。

投稿: mironeko | 2009/06/04 08:53

■mironekoさん
こんにちは。
お役に立てて何よりです(^^)

禁煙、頑張って下さいね。

コメントありがとうございました♪

投稿: tako→mironekoさん | 2009/06/09 22:35

助かりました!!happy02
分かり易い解説をありがとうございます!

貼れた瞬間感動しました!
まさか自分でC言語を操れるとは 笑”

これからもお世話になると思いますがよろしくお願いします☆
p.s.
2006年の記事だったんですね、びっくりしました。

投稿: miyaji | 2009/07/17 20:39

■miyajiさん
こんにちは。

お役に立てて何よりです。

>2006年の記事だったんですね

大昔(?)の記事なのにおかげさまでこのブログでもアクセスNo.1です(笑)

ところで、HTMLとC言語は別物だと思います…(多分)

コメントありがとうございました。

投稿: tako→miyajiさん | 2009/07/23 07:19

わかりやすい解説でバナーを貼ることができました!
ありがとうございます!!

投稿: Rina | 2009/11/20 20:44

■Rinaさん
こんにちは。はじめまして。

記事がお役に立って何よりです。
これからも楽しくブログを続けて下さいね。

コメントありがとうございました。

投稿: tako→Rinaさん | 2009/11/22 19:41

こんばんわ
この方法でバナーを貼る事が出来たんですが
昨日からいきなりこの方法でやっても画像がサイドバーに
表示されないんですけど どうしてでしょうか?
画像のファイルはPNGです。
前の日にバナーとパーツを一個ずつ消したんですけど
それに問題ってあったんでしょうか?

投稿: 2010/02/24 19:46 | 2010/02/24 19:46

■2010/02/24 19:46にコメントを下さった方へ
こんにちは。コメントありがとうございます。

お問い合わせの件ですが、質問文だけではちょっとよく判りません。
何か仕様が変わったのかと思い、自分でもpngファイルを新しくアップロードするところから試してみましたが私のブログではきちんと表示されましたので、ココログのシステム自体には特に変更はないように思います。

>前の日にバナーとパーツを一個ずつ消した

についても、その結果質問者さんのブログ上でどのような状態になっているかが判りませんので、それが原因だともそうでないとも判断することは出来ません。

お役に立てず申し訳ありませんが悪しからずご了承下さい。

尚、ココログ公式のFAQにもバナーの貼り方についての解説がありますのでこちらも参照してみて下さい。

■バナー画像によるリンクをブログのサイドバーに表示する方法
http://cocolog.kaiketsu.nifty.com/faqs/17565/thread

投稿: tako | 2010/02/24 20:57

この記事のおかげでバナーをつけることが
できました^^*
ありがとうございます+°
とってもわかりやすかったです^^

投稿: megumi | 2010/03/30 14:30

■megumiさん
こんにちは。はじめまして。

記事内容がお役に立てて何よりです。
これからも楽しんでブログを続けてくださいね。

コメントありがとうございました。

投稿: tako→megumiさん | 2010/04/03 09:51

はじめまして
バーナー貼り付けうまくいきました
とても参考になりました
ありがとうございます

投稿: アキオ | 2010/05/20 17:46

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/2654/679561

この記事へのトラックバック一覧です: 第2回:バナーを貼ってみよう:

» サイドバーでココログアフィリエイト [はっさくノート]
       ココログアフィリエイトの画像は、私にとって商売の要素はあまり無い。 それより“こんな感じの物だよ~”という、一目瞭然的な意味合いが強い。 そりゃあ、購入されるに越したことはないが…。(特にブログ関連の本は、一冊もっておけば「みんなで解決!広場」あたりでウロウロする事が、格段に減ると思う) それは置いといて…多少ココログアフィリエイト本来の使用目的からは逸脱するが、その気はなくてもやり... [続きを読む]

受信: 2006/05/07 22:11

» バナーをつける [40のひとりごと]
 レッツノートのリンクリストのバナーを張ろうと思ったが、ココログのヘルプではいま [続きを読む]

受信: 2006/07/15 17:30

« 掲示板用エントリー | トップページ | 第3回:カスタムテンプレートを作ってみよう »