March 19, 2005

本文にバナー画像が貼り付いた!〜なんでこ〜なるの!その3〜

横浜中華街。おなか減りました・・・

みなさん、こんにちは。
超・超初心者のためのウェブログクリニック
院長 阿部龍太です。

今日、あるお客様のところへ行ってきたのですが、
すぐ近くにこんなものがありました。
すごい人ごみ・・・
そういえば、連休だったんですね・・・(T^T)

曜日そのものを忘れていた自分に恥ずかしさを感じつつ、
本文にバナー画像が貼り付いた!
〜なんでこ〜なるの?その3〜

について、お話します。
今日もがっちり、いってみましょう!

先日は、バナー画像をブログの本文に貼り付ける
準備(アップロード)をするところまでお話しましたね。
今日はその画像を、ブログの本文内にピタッと貼り付けてみましょう!


ちなみに、作業を始める前に、
「Blogの設定/管理」の「投稿フォーム形式」を
「テキスト形式」にしてから、作業を始めてくださいね。

まず、管理画面を開いてください。

画面上部の「Blogの投稿」を押して、
左のメニューの中の「ファイルのアップロード」を
押してください。

そうしますと、あなたが今までアップロードした画像が一覧表示されます。
その中から記事に貼り付けたいものを選んで、
「投稿」を押してください。

すると、記事の投稿画面に変わりますが、
こんな文字が記述されていると思います。

<img src="http://image.blog.livedoor.jp/▲▲▲/imgs/■■■" width="80" height="15" border="0" alt="●●●" hspace="5" class="pict" align="left"/>

これは簡単に言いますと「画像を画面上に表示しますよ」という意味です。
▲▲▲はあなたのライブドアID
■■■はファイル名
●●●はアップロードする時にあなたが決めた名前が入っています。

これに、こう追加してください。

<a href="http://blog.with2.net/link.php/◆◆◆" target="_blank">
<img src="http://image.blog.livedoor.jp/▲▲▲/imgs/■■■" width="80" height="15" border="0" alt="●●●" hspace="5" class="pict" align="left"/>
</a>

◆◆◆は、あなたが人気ブログランキングに登録した時に
メールで送られてきたIDです。

人気ブログランキング画像

で、これを本文内に記述してみると、
こう表示されるはずです。
どうですか?
うまくいきましたか?

ちょっと訳のわからないコトバがあって、わかりにくいかもしれませんが
ひとつひとつやっていけば問題ありませんから、
頑張ってみてくださいね!

次回は、このバナー画像を
メニュー欄に貼り付けるワザをお話します。
お楽しみに。

あなたのブログがより充実して、
そしてあなたの人生もより充実することを
祈っています。

ブログ超・超初心者のための ウェブログクリニック
院長 阿部 龍太


この記事へのトラックバックURL

http://trackback.blogsys.jp/livedoor/ryuta19760223/16774451
この記事へのトラックバック
とうとうヤったゾ〓!! とうとう、もとつきの夢の一つが叶いました!有料のセミナーを開催することです。
ブログセミナーに、ありがとう ( 前振り編 )
【「ありがとう」を大切に!〓 一番大切な人、あなたへ 〓】
at March 21, 2005 14:24
この記事へのコメント
阿部龍太先生

はじめまして。

私は、昨日からブログをスタートさせました。

そこで、ブログの解説をしているブログってないかなあと調べていたところ、このクリニックにたどり着きました。

参考にさせていただきます。
Posted by 桃之進 at March 20, 2005 11:57