この記事では、アメブロのメッセージボードに、「文章・リンク・画像」を入れる方法について解説していきます。
あなたは、アメブロを使っていて、
と、考えたことはありませんか?
メッセージボードは、ブログのトップページに表示されて目立ちやすいので、詳しい使い方があるなら気になりますよね。
これ結論からお伝えしますと、
- アメブロのメッセージボードに「文章・リンク・画像」を入れる方法はコチラになります。
パソコンを使って作成する方法
- アメブロのホーム画面から「ブログを書く」をクリックする
- メッセージボードへ貼りたい文章や画像を作成する
- 「HTML表示」をクリックする
- 文章を全てコピーする
- ホーム画面に戻って「ブログ管理」をクリックする
- 左のメニューにある「設定・管理」をクリックする
- 「メッセージボード」をクリックする
- コピーした文章を貼り付けて「公開」をクリックする
スマホ(アメブロアプリ)で作成する方法
- 右下にある「投稿」をタップする
- メッセージボードに貼りたい記事を作成する
- 右上にある「入力完了」をタップする
- 右下にある「HTML編集」をタップする
- 確認画面で「OK」をタップする
- 文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る
- 「ブログ管理」をタップする
- 「設定・管理」をタップする
- 「ブログ情報」をタップする
- メッセージボードに貼り付けて「保存」をタップする
それでは詳しく見ていきましょう。
目次
サブスク自動集客ツール
「売り上げが伸びない…。」など、集客ができずに悩んでいませんか?
ツールをポチッとするだけでほったらかしで集客できてしまうツール。
月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。
【パソコン版】アメブロのメッセージボードにリンクを入れる方法!
パソコンを使ってアメブロのメッセージボードへと、文章やリンクを入れる方法はこちらでしたね。
- アメブロのホーム画面から「ブログを書く」をクリックする
- メッセージボードへ貼りたい文章や画像を作成する
- 「HTML表示」をクリックする
- 文章を全てコピーする
- ホーム画面に戻って「ブログ管理」をクリックする
- 左のメニューにある「設定・管理」をクリックする
- 「メッセージボード」をクリックする
- コピーした文章を貼り付けて「公開」をクリックする
それでは1つ1つ見ていきましょう。
step
1アメブロのホーム画面から「ブログを書く」をクリックする
まずは、アメブロにログインをして「ブログを書く」をクリックしましょう。
step
2メッセージボードへ貼りたい文章や画像を作成する
次にブログ記事の本文へと、メッセージボードへと表示させたい、文章などを作成していきます。
リンクの貼り方
ちなみにですが、アメブロでリンクを貼る方法は、
- リンクを貼る文章を作成する
- リンクを貼る文章を左クリックでドラッグする
- 「リンク」のアイコンをクリックする
- 表示させたいURLを貼って決定する
と、この手順で進めていくだけです。
具体的な、アメブロでのリンクの貼り方に関しましては、「【パソコン版】アメブロ記事にリンク(URL)を貼る方法!」こちらで詳しく解説していますので参考にされてください。
step
3「HTML表示」をクリックする
文章ができたら下にあります、「HTML表示」をクリックします。
step
4文章を全てコピーする
するとブログ記事がHTML表示されるので、この文章を全てコピーします。
step
5ホーム画面に戻って「ブログ管理」をクリックする
文章をコピーしたら左上にあります、「ホーム」ボタンをクリックしてホーム画面へと戻ります。
ホーム画面へと戻ったら、次は左上にあります「ブログ管理」をクリックしましょう。
step
6左のメニューにある「設定・管理」をクリックする
ブログ管理をクリックしたら、左メニューにあります「設定・管理」をクリックします。
step
7「メッセージボード」をクリックする
するとメニューに「メッセージボード」があるのでクリックします。
step
8コピーした文章を貼り付けて「公開」をクリックする
メッセージボードが開いたら、コピーした文章を貼り付けて下にあります、「公開」ボタンをクリックしたら完了です。
公開をしたら下記のようにメッセージボードが表示されるようになります。
【アメブロアプリ版】スマホでメッセージボードにリンクを入れる方法
スマホのアメブロアプリを使って、アメブロのメッセージボードに、文章やリンクを入れる方法はこちらです。
- 右下にある「投稿」をタップする
- メッセージボードに貼りたい記事を作成する
- 右上にある「入力完了」をタップする
- 右下にある「HTML編集」をタップする
- 確認画面で「OK」をタップする
- 文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る
- 「ブログ管理」をタップする
- 「設定・管理」をタップする
- 「ブログ情報」をタップする
- メッセージボードに貼り付けて「保存」をタップする
それでは1つ1つ見ていきましょう。
step
1右下にある「投稿」をタップする
アメブロアプリを開いたら、右下にある「投稿」をタップしましょう。
step
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メッセージボードに貼り付けて「保存」をタップする
そうしたら、コピーした文章をメッセージボードに貼り付けて、「保存」をタップしたら完了です。
実際にメッセージボード見ると、下記のように表示されるようになります。
メッセージボードへ画像を入れる方法!
アメブロのメッセージボードへ画像を入れる方法はコチラになります。
- ブログで画像をいれて文章を作成する
- HTML表示で文章をコピーしてメッセージボードに貼る
それでは1つ1つ見ていきましょう。
(※こちらは、パソコン版での説明になりますが、スマホアプリも同じ手順で作成をするだけで出来ます。)
step
1ブログ作成画面で画像をいれて文章を作成する
上記で解説しました手順と同じで、まずは「ホーム画面」→「ブログを書く」の順番でクリックしてブログ作成画面を開きます。
そして、ブログ作成画面にて文章を作成したら、画像をアップロードして挿入します。
ちなみにですが、アメブロで画像を貼る方法に関しましては、「アメブロアプリで画像を貼る方法とサイズを変更する方法とは?」こちらで詳しく解説していますので参考にされてください。
step
2HTML表示で文章をコピーしてメッセージボードに貼る
画像を貼り付けたら同じ手順で、
- 「HTML表示」で文章をコピーする
- 「ブログ管理」をタップする
- 「設定・管理」をタップする
- 「ブログ情報」をタップする
- メッセージボードに貼り付けて「保存」をタップする
と、この手順で簡単に画像入りのメッセージボードが完成します。
メッセージボードに囲み枠を使う方法とは?(パソコン作業推奨)
メッセージボードへと、囲み枠を使って表示させる方法はこちらです。
- 囲み枠のHTMLソースをコピーする
- コピーしたHTMLソースを使って文章を作成する
- HTML表示で文章をコピーしてメッセージボードに貼る
それでは1つ1つ見ていきましょう。
step
1囲み枠のHTMLソースをコピペして文章を作成する
下記のコピペを行う、下記の囲み枠のHTMLソースをコピーします。
コピペHTMLソース
<div style="padding:10px; border:4px double #0000FF;">見出し</div>
ちなみにですが、他のコピペ囲み枠や見出しのHTMLソースに関しましては、「【コピペで簡単作成】アメブロでかわいい見出し線を作成する方法!」こちらで詳しく解説していますので参考にされてください。
step
2コピーしたHTMLソースを使って文章を作成する
コピーしたHTMLソースを使って、文章を作成しましょう。
step
3HTML表示で文章をコピーしてメッセージボードに貼る
囲み枠で文章を作成したらコピペして同じように、
- 「HTML表示」で文章をコピーする
- 「ブログ管理」をタップする
- 「設定・管理」をタップする
- 「ブログ情報」をタップする
- メッセージボードに貼り付けて「保存」をタップする
と、この手順で進めるだけで、簡単に囲み枠付きのメッセージボードが完成します。
メッセージボードってどんな事に使えばいいの?
あなたがブログで最も伝えたいことを記載するのがいいです。
例えばですが、
- メールマガジンの登録ページ
- メインブログなどへの誘導リンク
- セミナー等への案内ページ
- 提供しているサービスの案内ページ
など、あなたが紹介したいサービスなど、あなたが1番伝えたい事に使うのがオススメです。
伝える内容は1つだけに絞る!
メッセージボードでは、1つの事だけを伝えるようにしましょう。
これは、複数のことを伝えると、読者さんが迷ってしまうためです。
例えばですが、
メッセージボード(失敗例)
メールマガジンもやっています。
→ URL
メインブログはこちらです。
→ URL
セミナーもやっています。
→ URL
オリジナルコンテンツを販売しました。
→ URL
コンサルティングもやっています。
→ URL
と、このように同時に複数のことを記載されると、何が1番伝えたいのかがわかりませんよね?
それよりも、
メッセージボード(見本例)
アメブロで書けない内容をメルマガ読者さん限定でお伝えしています。
→ 詳しくはこちら
と、このように1つの情報に絞って伝えるほうが、読者さんは迷わずに行動しやすいのです。
実際に、複数の情報を一度に伝えるよりも、絞って伝えたほうが行動してもらいやすいデータがあるほどです。
そのため、メッセージボードに記載する情報は、絞って伝えるようにしましょう。
アメブロのメッセージボードにリンクや画像を入れる方法8ステップのまとめ
まとめますと、
パソコンを使って作成する方法
- アメブロのホーム画面から「ブログを書く」をクリックする
- メッセージボードへ貼りたい文章や画像を作成する
- 「HTML表示」をクリックする
- 文章を全てコピーする
- ホーム画面に戻って「ブログ管理」をクリックする
- 左のメニューにある「設定・管理」をクリックする
- 「メッセージボード」をクリックする
- コピーした文章を貼り付けて「公開」をクリックする
スマホ(アメブロアプリ)で作成する方法
- 右下にある「投稿」をタップする
- メッセージボードに貼りたい記事を作成する
- 右上にある「入力完了」をタップする
- 右下にある「HTML編集」をタップする
- 確認画面で「OK」をタップする
- 文章を全てコピーしたら「キャンセル」をタップしてホーム画面に戻る
- 「ブログ管理」をタップする
- 「設定・管理」をタップする
- 「ブログ情報」をタップする
- メッセージボードに貼り付けて「保存」をタップする
以上が、アメブロのメッセージボードにリンクや画像を入れる方法8ステップについてでした。
是非、意識してチャレンジしてみてください。