解決済

clip!clip!
Ads By Google

バナーをどうやってブログに貼るのか

バナーを貼るためには如何すればいいんですか
(韋駄天翔&ケロロ軍曹)
初心者なので分かりやすく丁寧に教えてください!!

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

回答(2)

1.

2006-08-05 22:01:58ベスト
バナーをフリーエリアに貼る方法を書いておきます。

フリーエリアは、管理画面に入り、カスタマイズ/管理 > 左サイドバーのプラグインの新規追加 > 上級者向けプラグイン > フリーエリア > で選択します。

その中の空白欄にバナー画像を表示させるタグを書き入れます。書き入れたら保存しますが、必ず 『 改行しない 』 にチェックを入れて下さい。

バナーを表示させるタグとしては ・・・

<img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="画像に関する説明">

で良いのですが、( alt は title でも可 ) これにリンクをするのなら、こうなります。↓

<a href="リンク先のアドレス"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の名称など"></a>

また複数の画像を縦に並べる時に、綺麗に整列させるには、貼り付けた画像のタグの前後に ( フリーエリアの中の最初と最後に ) 以下のタグを追加すれば良いでしょう。↓

<div align="center">

・ ( バナーを表示させるタグ )

</div>

center ( 中央揃え ) を left にすれば、左よりになります。

また画像と画像の前後に余白を入れたければ、<img> タグにその指示の記述を入れます。こういう風に↓

<a href="リンク先のアドレス"><img border="0" src="画像のアドレス" width="画像の幅" height="画像の高さ" alt="リンク先の名称など" style="margin:0px auto 5px"></a>

style="margin:0px auto 5px" これがその指示の記述です。この例では、上に 0px、左右に auto ( 自動調整 )、下に 5px の余白ができます。

画像の幅は、サイドカラムの幅を絶対に超えてはいけません。サイドカラムの幅は、2カラムなら #links、3カラムなら #left もしくは #right の中に width: ○○px; と CSS に記載されています。

すべての書入れが終われば保存。プラグインの再構築をおこない、閲覧しているブラウザーを更新すれば表示反映されています。
回答レベル : 回答

そうですか

2.

2006-08-05 22:09:23
バナーに使う画像を用意して、ライブドアへアップロードします。(ブログマイページ→ファイルのアップロード)
このとき、画像が小さければ"サムネイルを作成する"のチェックをはずしていいです。

ブログ新規投稿画面で、本文上にある「IMG」アイコンをクリックします。
アップロードした画像がでてきますので、その中から使いたい画像を選び「投稿する」を押します。
すると、本文に画像を表示させるタグが挿入されます。
<img src="画像URL">

これが画像を表示させるタグです。
このタグの前後をリンクさせるタグで囲みます。
<a href="リンク先URL"><img src="画像URL"></a>
といった感じです。
<a href="..."></a>

これがリンクを表示させるタグです。
これで完成です。

バナーの大きさを変えたいときは、
<img src="...">の後ろに width="100"(横幅) height"100"(縦幅) のように指定します。
これはpx指定になります。
<img src="..." width="..." height="..">
といった感じですね☆
自信度 : 自信あり 回答レベル : 回答
Ads By Google

コメント(5)

#1.  orca2293
2006-08-06 19:26:10

画像のアドレスって何ですか

#2.  AQ
2006-08-06 21:04:07

ファイルのアップロードで、ライブドアのサーバー上にアップした、バナー画像が置いてある場所のアドレスです。

管理画面の中に入り、上部にある 『 ブログの投稿 』 タブをクリックし、左サイドにある 『 ファイルのアップロード 』 をクリックすれば、該当するページが開きます。そこで、アップロードしたバナー画像のアドレスをチェックしてみて下さい。

#3.  orca2293
2006-08-06 21:35:06

アップロードはどうやるんですか

#4.  AQ
2006-08-06 23:00:15

>>#3 に答える前にお聞きしたいのですが ・・・
ひとつひとつの質問に答える事はやぶさかではありませんが、自分自身であれやこれやと、間違っても良いから 『 これは何のボタンだろう? 』、『 これを押すとどうなるんだろう? 』 と努力はなさっていますよね?

もう一度繰り返しになりますが、管理画面の中に入り、上部にある 『 ブログの投稿 』 タブをクリックし、左サイドにある 『 ファイルのアップロード 』 をクリック、そこで開いたページの中にある 『 ファイルをアップロードする 』 をクリック、そこで開いたページの中にある、ファイルを選択の右側の 『 参照 』
ボタンを押し、ローカルのパソコンに保存してある、バナー画像ファイルを選択します。そして、ページ下部にある、『 選択したファイルをアップロードする 』 を押して、サーバー上にアップロードします。

#5.  AQ
2006-08-07 11:03:44

こちらも参考に掲載しておきますね。

■ 画像をアップロードする
http://helpguide.livedoor.com/help/blog/guide/grp1...

■ 画像を投稿する
http://helpguide.livedoor.com/help/blog/guide/grp1...

トラックバック(2)

トラックバックURL: