Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

※PR

ブログ

アメブロのメッセージボードにリンクや画像を入れる方法8ステップ

更新日:

この記事では、アメブロメッセージボードに、「文章・リンク・画像」を入れる方法について解説していきます。

あなたは、アメブロを使っていて、

メッセージボードにどうすればリンクや画像を入れられるのかな?

と、考えたことはありませんか?

メッセージボードは、ブログのトップページに表示されて目立ちやすいので、詳しい使い方があるなら気になりますよね。

これ結論からお伝えしますと、

  • アメブロのメッセージボードに「文章・リンク・画像」を入れる方法はコチラになります。

パソコンを使って作成する方法

  1. アメブロのホーム画面から「ブログを書く」をクリックする
  2. メッセージボードへ貼りたい文章や画像を作成する
  3. 「HTML表示」をクリックする
  4. 文章を全てコピーする
  5. ホーム画面に戻って「ブログ管理」をクリックする
  6. 左のメニューにある「設定・管理」をクリックする
  7. 「メッセージボード」をクリックする
  8. コピーした文章を貼り付けて「公開」をクリックする

スマホ(アメブロアプリ)で作成する方法

  1. 右下にある「投稿」をタップする
  2. メッセージボードに貼りたい記事を作成する
  3. 右上にある「入力完了」をタップする
  4. 右下にある「HTML編集」をタップする
  5. 確認画面で「OK」をタップする
  6. 文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る
  7. 「ブログ管理」をタップする
  8. 「設定・管理」をタップする
  9. 「ブログ情報」をタップする
  10. メッセージボードに貼り付けて「保存」をタップする

それでは詳しく見ていきましょう。

スポンサーリンク

目次


サブスク自動集客ツール

「売り上げが伸びない…。」など、集客ができずに悩んでいませんか?

ツールをポチッとするだけでほったらかしで集客できてしまうツール。

月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。

→ ほったらかしでも集客できるツール

 

【パソコン版】アメブロのメッセージボードにリンクを入れる方法!

パソコンを使ってアメブロのメッセージボードへと、文章やリンクを入れる方法はこちらでしたね。

  1. アメブロのホーム画面から「ブログを書く」をクリックする
  2. メッセージボードへ貼りたい文章や画像を作成する
  3. 「HTML表示」をクリックする
  4. 文章を全てコピーする
  5. ホーム画面に戻って「ブログ管理」をクリックする
  6. 左のメニューにある「設定・管理」をクリックする
  7. 「メッセージボード」をクリックする
  8. コピーした文章を貼り付けて「公開」をクリックする

それでは1つ1つ見ていきましょう。

step
1
アメブロのホーム画面から「ブログを書く」をクリックする

まずは、アメブロにログインをして「ブログを書く」をクリックしましょう。

step
2
メッセージボードへ貼りたい文章や画像を作成する

次にブログ記事の本文へと、メッセージボードへと表示させたい、文章などを作成していきます。

リンクの貼り方

ちなみにですが、アメブロでリンクを貼る方法は、

  1. リンクを貼る文章を作成する
  2. リンクを貼る文章を左クリックでドラッグする
  3. 「リンク」のアイコンをクリックする
  4. 表示させたいURLを貼って決定する

と、この手順で進めていくだけです。

具体的な、アメブロでのリンクの貼り方に関しましては、「【パソコン版】アメブロ記事にリンク(URL)を貼る方法!」こちらで詳しく解説していますので参考にされてください。

step
3
「HTML表示」をクリックする

文章ができたら下にあります、「HTML表示」をクリックします。

step
4
文章を全てコピーする

するとブログ記事がHTML表示されるので、この文章を全てコピーします。

step
5
ホーム画面に戻って「ブログ管理」をクリックする

文章をコピーしたら左上にあります、「ホーム」ボタンをクリックしてホーム画面へと戻ります。

ホーム画面へと戻ったら、次は左上にあります「ブログ管理」をクリックしましょう。

step
6
左のメニューにある「設定・管理」をクリックする

ブログ管理をクリックしたら、左メニューにあります「設定・管理」をクリックします。

step
7
「メッセージボード」をクリックする

するとメニューに「メッセージボード」があるのでクリックします。

step
8
コピーした文章を貼り付けて「公開」をクリックする

メッセージボードが開いたら、コピーした文章を貼り付けて下にあります、「公開」ボタンをクリックしたら完了です。

公開をしたら下記のようにメッセージボードが表示されるようになります。

【アメブロアプリ版】スマホでメッセージボードにリンクを入れる方法

スマホのアメブロアプリを使って、アメブロのメッセージボードに、文章やリンクを入れる方法はこちらです。

  1. 右下にある「投稿」をタップする
  2. メッセージボードに貼りたい記事を作成する
  3. 右上にある「入力完了」をタップする
  4. 右下にある「HTML編集」をタップする
  5. 確認画面で「OK」をタップする
  6. 文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る
  7. 「ブログ管理」をタップする
  8. 「設定・管理」をタップする
  9. 「ブログ情報」をタップする
  10. メッセージボードに貼り付けて「保存」をタップする

それでは1つ1つ見ていきましょう。

step
1
右下にある「投稿」をタップする

アメブロアプリを開いたら、右下にある「投稿」をタップしましょう。

step
2
メッセージボードに貼りたい記事を作成する

投稿をタップすると文章を作成する画面になりますので、メッセージボードに表示させたい文章を作成していきます。

リンクの貼り方

ちなみにですが、文章にリンクを貼る方法ですが、

  1. メニューの右側にあります「リンク」のアイコンをタップ
  2. リンク挿入画面で「URL」「テキスト」を入力して挿入をタップする

と、この手順で簡単に文章にリンクを貼ることが出来ます。

スマホを使って、アメブロアプリでリンク(URL)を貼る方法に関しましては、「【スマホ版】アメブロアプリでリンク(URL)を貼る方法とは?」こちらで詳しく解説していますので参考にされてください。

step
3
右上にある「入力完了」をタップする

そうしたら、文章にリンクが表示されますので、右上にあります「入力完了」をタップします。

step
4
右下にある「HTML編集」をタップする

次の画面で、右下に「HTML編集」のボタンがありますのでタップします。

step
5
確認画面で「OK」をタップする

するとHTML編集モードにする上での確認画面が表示されますので、「OK」をタップします。

step
6
文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る

そうしたら、HTML文章が表示されるので全文をコピーして、左上にある「キャンセル」をタップしてホーム画面に戻りましょう。

step
7
「ブログ管理」をタップする

ホーム画面に戻ったら下にあります「ブログ管理」をタップします。

「ブログ管理」をタップする

step
8
「設定・管理」をタップする

次の画面では「設定・管理」をタップしましょう。

step
9
「ブログ情報」をタップする

すると「ブログ情報」があるのでタップします。

step
10
メッセージボードに貼り付けて「保存」をタップする

そうしたら、コピーした文章をメッセージボードに貼り付けて、「保存」をタップしたら完了です。

実際にメッセージボード見ると、下記のように表示されるようになります。

メッセージボードへ画像を入れる方法!

アメブロのメッセージボードへ画像を入れる方法はコチラになります。

  1. ブログで画像をいれて文章を作成する
  2. HTML表示で文章をコピーしてメッセージボードに貼る

それでは1つ1つ見ていきましょう。

(※こちらは、パソコン版での説明になりますが、スマホアプリも同じ手順で作成をするだけで出来ます。)

step
1
ブログ作成画面で画像をいれて文章を作成する

上記で解説しました手順と同じで、まずは「ホーム画面」→「ブログを書く」の順番でクリックしてブログ作成画面を開きます。

そして、ブログ作成画面にて文章を作成したら、画像をアップロードして挿入します。

ちなみにですが、アメブロで画像を貼る方法に関しましては、「アメブロアプリで画像を貼る方法とサイズを変更する方法とは?」こちらで詳しく解説していますので参考にされてください。

step
2
HTML表示で文章をコピーしてメッセージボードに貼る

画像を貼り付けたら同じ手順で、

  1. 「HTML表示」で文章をコピーする
  2. 「ブログ管理」をタップする
  3. 「設定・管理」をタップする
  4. 「ブログ情報」をタップする
  5. メッセージボードに貼り付けて「保存」をタップする

と、この手順で簡単に画像入りのメッセージボードが完成します。

メッセージボードに囲み枠を使う方法とは?(パソコン作業推奨)

メッセージボードへと、囲み枠を使って表示させる方法はこちらです。

  1. 囲み枠のHTMLソースをコピーする
  2. コピーしたHTMLソースを使って文章を作成する
  3. HTML表示で文章をコピーしてメッセージボードに貼る

それでは1つ1つ見ていきましょう。

step
1
囲み枠のHTMLソースをコピペして文章を作成する

下記のコピペを行う、下記の囲み枠のHTMLソースをコピーします。

コピペHTMLソース

<div style="padding:10px; border:4px double #0000FF;">見出し</div>

ちなみにですが、他のコピペ囲み枠や見出しのHTMLソースに関しましては、「【コピペで簡単作成】アメブロでかわいい見出し線を作成する方法!」こちらで詳しく解説していますので参考にされてください。

step
2
コピーしたHTMLソースを使って文章を作成する

コピーしたHTMLソースを使って、文章を作成しましょう。

step
3
HTML表示で文章をコピーしてメッセージボードに貼る

囲み枠で文章を作成したらコピペして同じように、

  1. 「HTML表示」で文章をコピーする
  2. 「ブログ管理」をタップする
  3. 「設定・管理」をタップする
  4. 「ブログ情報」をタップする
  5. メッセージボードに貼り付けて「保存」をタップする

と、この手順で進めるだけで、簡単に囲み枠付きのメッセージボードが完成します。

メッセージボードってどんな事に使えばいいの?

あなたがブログで最も伝えたいことを記載するのがいいです。

例えばですが、

  • メールマガジンの登録ページ
  • メインブログなどへの誘導リンク
  • セミナー等への案内ページ
  • 提供しているサービスの案内ページ

など、あなたが紹介したいサービスなど、あなたが1番伝えたい事に使うのがオススメです。

伝える内容は1つだけに絞る!

メッセージボードでは、1つの事だけを伝えるようにしましょう。

これは、複数のことを伝えると、読者さんが迷ってしまうためです。

例えばですが、

メッセージボード(失敗例)

メールマガジンもやっています。
→ URL

メインブログはこちらです。
→ URL

セミナーもやっています。
→ URL

オリジナルコンテンツを販売しました。
→ URL

コンサルティングもやっています。
→ URL

と、このように同時に複数のことを記載されると、何が1番伝えたいのかがわかりませんよね?

それよりも、

メッセージボード(見本例)

アメブロで書けない内容をメルマガ読者さん限定でお伝えしています。

→ 詳しくはこちら

と、このように1つの情報に絞って伝えるほうが、読者さんは迷わずに行動しやすいのです。

実際に、複数の情報を一度に伝えるよりも、絞って伝えたほうが行動してもらいやすいデータがあるほどです。

そのため、メッセージボードに記載する情報は、絞って伝えるようにしましょう。

アメブロのメッセージボードにリンクや画像を入れる方法8ステップのまとめ

まとめますと、

パソコンを使って作成する方法

  1. アメブロのホーム画面から「ブログを書く」をクリックする
  2. メッセージボードへ貼りたい文章や画像を作成する
  3. 「HTML表示」をクリックする
  4. 文章を全てコピーする
  5. ホーム画面に戻って「ブログ管理」をクリックする
  6. 左のメニューにある「設定・管理」をクリックする
  7. 「メッセージボード」をクリックする
  8. コピーした文章を貼り付けて「公開」をクリックする

スマホ(アメブロアプリ)で作成する方法

  1. 右下にある「投稿」をタップする
  2. メッセージボードに貼りたい記事を作成する
  3. 右上にある「入力完了」をタップする
  4. 右下にある「HTML編集」をタップする
  5. 確認画面で「OK」をタップする
  6. 文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る
  7. 「ブログ管理」をタップする
  8. 「設定・管理」をタップする
  9. 「ブログ情報」をタップする
  10. メッセージボードに貼り付けて「保存」をタップする

以上が、アメブロのメッセージボードにリンクや画像を入れる方法8ステップについてでした。

是非、意識してチャレンジしてみてください。

スポンサーリンク

-ブログ

Copyright© Affiliate Re:Life , 2024 All Rights Reserved.