ブログ情報源 > バナーリンクの貼り付け方

バナーリンクの貼り付け方

画像のバナーは目立ちますのでクリックされやすいという特性があります。

ブログでの画像リンクバナーの貼り付け方をぜひマスターして、ブログのアクセスアップにお役立てください。

seesaaブログを例にご紹介しておりますが、基本は同じですのでチャレンジしてみてください。

画像のダウンロード
  • Winの場合は画像の上で右クリック、『名前を付けて画像を保存』
  • Macの場合は画像の上で長めに押して『イメージをディスクに保存』

ディスクトップやマイピクチャのわかりやすいところに保存してください。

画像のアップロードと画像タグの取得

次にブログで日記を書く画面で、「参照」ボタンを押し、「OK」ボタンを押す、などして、パソコンの中から画像を選びアップロードしますと、画像のタグが現れます。

例はseesaaブログですが、他のブログですと画像のアップロードの仕方が多少異なる場合もありますが、基本は同じです。

↓クリック

ブログseesaa管理画面
画像の確認

できましたら日記をプレビューして画像(バナー)がちゃんと表示されているのか確認してみてください。

【ご注意】この時ブログを保存しないように気をつけましょう。

画像タグのコピーペースト

そのタグの中に
例えば88×31のバナーを使用すると仮定しまして、

<img src="http://〇〇〇〇/88x31.gif" width="88" height="31" alt="〇〇" />

↑このタグを見つけてください。

見つけることができましたら、

<a href="http://kazahanablog.net/" target="_blank">ここに上の<img から始まる画像タグをコピペします</a>

以下の部分は削除してくださっても結構ですし、使い方の理解できている方はご利用ください。

  • border="0"→画像を囲む線の価は "0"ですという意味。
  • align="" 左、右、中央よりのどちらかに寄りなさいという命令
リンクのテスト

そしてバナーをクリックしてブログ情報源に飛ぶかテストしてみてください。

バナーリンクの貼り付け

問題がないようでしたら、ご自分のブログの貼りたい場所にタグを貼り付けてください。

↓この部分は、

alt="〇〇" → alt="ブログ情報源ランキング"

として下さると宜しいかと思います。 

終了