サイト管理者のGigo(ジーゴ)です(*^^*)
Googleが提供している無料ブログサービス「Blogger」について、「使い方とカスタマイズ方法」をまとめています。
他にも詳しく無料ブログのBloggerをまとめている方がいらっしゃるので、その方たちのサイトと合わせてご利用いただければと思います(^^)
今回は、「記事作成画面の編集メニュー」を説明していきます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-_ji2fh19hMM/WpyuzyuFOzI/AAAAAAAAD04/rzhl_bkGsDs8tbDSPHBxMPlYsNBn8sZsgCK4BGAYYCw/s640/2%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
2人とも、今回は「記事作成画面の編集メニュー」について説明するよ
この編集メニューは、記事を作成するときによく使うメニューだよ
どんなメニューがあるのかだけでも知っておいてね~!!
は~い!!
ほ~い!!
「記事作成画面の編集メニュー」 は記事を作成するときに多く使用するもので、文字を大きくしたり色を変えたりするなど、アレンジを加えることができます。
どのようなことができるのかを確認しておきましょう。
作成・HTML
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-fAkKrzDHDVM/Wpyu2lFHB2I/AAAAAAAAD1A/SEYuRu7PBTsT4Q0ZlfBvbVs0O1jFpyz4wCK4BGAYYCw/s640/4%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
「作成」と「HTML」のいずれかをクリックすることで、記事入力画面を通常入力とHTMLの入力画面とで切り替えることができます。
作成
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-J5kDiBSemjw/Wpyu532eB7I/AAAAAAAAD1I/_MzONX0wLCIfY6fTMy5rxVE8LqR2niFMgCK4BGAYYCw/s1600/4%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
クリックすると通常の記事入力画面に切り替わります。
入力方法はワードの入力方法に近く、こちらの画面で入力作業を行うことがおおいと思います。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-t6OnYQaJ_s8/W_T116inH9I/AAAAAAAAKFo/NkPQKZ6nRPwy1WHTWNOiCh4R4CJe5735QCK4BGAYYCw/s640/1%25E4%25BD%259C%25E6%2588%2590%25E3%2583%25BBHTML.jpg)
HTML
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-BY34zMI9PPA/WpyvBMsbd3I/AAAAAAAAD1Q/aWS9PIyIINsjIq4J61ZajiNsGtOk8kURwCK4BGAYYCw/s400/4%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
クリックするとHTMLの記事入力画面に切り替わります。
通常の入力画面で作成した記事が”HTML文書”で表示されます。
HTMLでの記事作成は、プログラミングの要素が大きく知識がないと難しいと思います。
通常の入力画面である程度の編集作業はできますが、細かい設定を行っていきたい場合にはHTMLで入力をする必要があります。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-Z5tr9SyuyfM/W_T15SRwwhI/AAAAAAAAKF0/zEq-N2Z7Gm0nm_jhOq-wMDffozASm9qUgCK4BGAYYCw/s640/2%25E4%25BD%259C%25E6%2588%2590%25E3%2583%25BBHTML.jpg)
元に戻す・繰り返し
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-4cDNY4Kr2dc/WpyveDOcieI/AAAAAAAAD1g/fPu_XU7SM88Fub8IRslZfXfESpwk4T2kgCK4BGAYYCw/s640/5%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
記事を作成している途中で、間違って「削除」や「記事の編集」をしてしまった場合などに”前の状態に戻す”作業と間違って前に戻しすぎた場合に”次の状態に進める”作業を行います。
- 前の状態に戻す ⇒ 間違った作業をしてしまったときに使う
- 次の状態に進める ⇒ 間違って前に戻しすぎたときに使う
記事の編集において試してみたいことがある場合など、この機能を使用するとすぐに戻すことができるのでとても便利な機能になります。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-Ci294GHx3iY/Wp-PdLn7lSI/AAAAAAAAD70/-BxZGxseP0w8o261b2XdNN06uCEc_MR_ACK4BGAYYCw/s640/1%25E6%2588%25BB%25E3%2581%2599.jpg)
元に戻す
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-P5az1iu2ZQQ/Wpyvfx2rT-I/AAAAAAAAD1s/KcFmaNZ4V84aGSsrTbKeToABVl8ly6Y7wCK4BGAYYCw/s400/5%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
クリックすると「一つ前の状態」に戻すことができる。
繰り返し
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-kvHQ3I0Yq4I/Wpyvhh-fgsI/AAAAAAAAD10/5dZRqmPIlnA5ODa-HM6IbgB8oYGor_YqgCK4BGAYYCw/s400/5%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
「元に戻す」で前の状態に戻しすぎた場合に使用する。
フォント・フォントサイズ・表示形式
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-1Adv5ISDe8g/WpyvjIrSw8I/AAAAAAAAD18/7MWoRiQPrtgF_P051fWyoqAPx5_K7mWPQCK4BGAYYCw/s640/6%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
フォントの種類やサイズ、見出しの設定をすることができます。
それぞれの項目をクリックするとドロップダウンリストが表示されますので選択します。
フォント
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-ONXEQ0RBrlM/WpyvmO5j-gI/AAAAAAAAD2E/YyzcKAdHftcJXeQNtvsRs-edKn9IxtXegCK4BGAYYCw/s400/6%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
文字のフォントを変更します。
フォントサイズ
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-ytLYO_olbhY/WpyvoaDJXlI/AAAAAAAAD2M/g7wvo4jzDtgZuAyszczs_eZOIUrXryo8QCK4BGAYYCw/s400/6%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
文字の大きさが変わります。
Bloggerでは、最小・小・標準・大・最大の5種類のフォントサイズが選択できるようになっています。
表示形式
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-14vTiVjV2HY/Wpyvqo8xxtI/AAAAAAAAD2U/_8s68sYTHh8Q06MeEuzZge8g-EY-PLHgwCK4BGAYYCw/s1600/6%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A23.jpg)
「見出し」の設定を行います。
見出しとは文章においての内容の要点をまとめたものを最初に置く言葉になります。
HTML文書では重要な順に[h1・h2・h3・h4・h5・h6]で設定されています。
bloggerでは以下のように設定されています。
- h1 ⇒ サイトのタイトル
- h2 ⇒ 見出し(記事の日付)
- h3 ⇒ 小見出し(記事のタイトル)
- h4 ⇒ 準見出し(コメント)
- h5 ⇒ 無設定
- h6 ⇒ 無設定
HTMLに詳しい方は使用してもよいと思いますが、詳しくない方はあまり理解ができないと思いますし、見出しの設定は難しい部分が多いです。
見出しの設定をしなくても記事の作成は可能なので無理に使用する必要はないと思います。
太字・斜体・下線・取り消し線
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-biPZsZtbvjc/Wpyvv_uEOVI/AAAAAAAAD2c/-b-ljP4zkEsiwWQTmaLHuFDJJ8Nr45ojgCK4BGAYYCw/s640/7%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
太字、斜体などの文字の設定や下線、取り消し線などの文字の装飾を行います。
太字
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-ruTQ1ghE66g/WpyvyPMvMwI/AAAAAAAAD2k/m4sAijgQRqE2W_DaXxqaidW_f-l3AvAtQCK4BGAYYCw/s400/7%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
文字を太くすることができます。
- ABCDEFG ⇒ ABCDEFG
斜体
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-09uv20w2M40/WpyvzUmEZkI/AAAAAAAAD2s/LJMDoDm6RqcpVDLhEsjB0Ve0wMBQFUcFwCK4BGAYYCw/s400/7%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
文字を斜めに表示することができます。
- ABCDEFG ⇒ ABCDEFG
下線
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-LhcXmcF-E6A/Wpyv1baEEkI/AAAAAAAAD20/bd8OIzXzxBEgd-9waNHNB7k0LtT8xcf8gCK4BGAYYCw/s400/7%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A23.jpg)
文字の下に線を引くことができます。
取り消し線
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-zbKVwrWnDSY/Wpyv2WXbt6I/AAAAAAAAD28/za4O8t6enmg47TT6JzZUC4Ud5JVFlLoHQCK4BGAYYCw/s400/7%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A24.jpg)
文字に取り消し線を引くことができます。
- ABCDEFG ⇒
ABCDEFG
文字の装飾を組み合わせて使う
文字の装飾は組み合わせて使用することができます。
また、さきほど紹介した「太字・斜体・下線・取り消し線」以外にも、文字の色を変更したり、文字の背景色を変更したりすることができます。
太字+斜体
ABCDEFG ⇒ ABCDEFG
太字+取り消し線
ABCDEFG ⇒ ABCDEFG
太字+斜体+取り消し線
ABCDEFG ⇒ ABCDEFG
太字+斜体+取り消し線+文字色
ABCDEFG ⇒ ABCDEFG
太字+斜体+取り消し線+背景色
ABCDEFG ⇒ ABCDEFG
テキストの色・テキストの背景色
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-gHPmP3dOhns/Wpyv34mqgmI/AAAAAAAAD3E/wOJf_79E6tEyDJAqxHQj3gLIgkOTrmVggCK4BGAYYCw/s640/8%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
テキストの色や背景色を変更します。
テキストの色
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-7LOq9T6T6z8/WpyxQ_Z5nYI/AAAAAAAAD54/2o9Y4rLW-ikKFst1dPLz062eHGTc2jklgCK4BGAYYCw/s400/8%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
文字の色を変更することができます。
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
テキストの背景色
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-KP1gSZ8BRgE/WpyxSXx3YJI/AAAAAAAAD6A/KdcAkPfvBP0FQ69NMH8Q4w0-FCsxeLUCACK4BGAYYCw/s400/8%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
文字の背景色を変更することができます。
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
- ABCDEFG ⇒ ABCDEFG
リンク
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-x43VvJBsmes/Wpyv7s0wXPI/AAAAAAAAD3M/yDiPPlSxUGkW6b3Xbd8O-Yncp61PeuLGQCK4BGAYYCw/s640/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-fXi3eFK94hY/Wpyv9gYeLQI/AAAAAAAAD3U/G8vKR13lfssNix8h8BgBhYqFAzZMAwa-wCK4BGAYYCw/s400/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
「リンク」は別のページやサイトへ誘導するために設置します。
記事中にある文字や画像にリンクを張ることで、別のページやサイトへ簡単に移動できるようになります。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-CzPqOA5xA3M/WqCY2Yuy2sI/AAAAAAAAD8E/0MDeW-rU8QgC5m1Nj750M0e48NXevVTkACK4BGAYYCw/s640/4-3%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
文字にリンクを張る
文字へのリンクの張り方を説明していきます。
①リンクを張りたい文字をドラッグする
下の画像では、「””ブログ(blog)とは???””」をドラッグしています。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-gZiJ3lbnENc/W_T7wBhgXLI/AAAAAAAAKHA/C_pCqiFcdaQ1g2qs2YF87ms-E6WtVZN7QCK4BGAYYCw/s640/2%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
②「リンク」をクリック
記事作成メニュー内の「リンク」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-9JmjoVkglSM/W_T8JIapu1I/AAAAAAAAKHM/LShJvj7Apik7dQUyEfvkYCacac4Lo8ErQCK4BGAYYCw/s400/3%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
③ダイアログ内を設定
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-PvCP0XyOt20/WqHe76LK-QI/AAAAAAAAD8s/tzR9rh8QLwUemlIUykBZWO6HCA_uxaf2wCK4BGAYYCw/s640/4%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
「リンクを編集」ダイアログが表示されるので設定を行います。
- 表示するテキスト:ドラッグして「リンク」をクリックすると自動でドラッグした文字が入力されます。
- ウェブアドレス: リンク先のURLを設定します。
- メールアドレス: リンク先のかわりにメールアドレスを設定することもできますが、ウェブページは誰でも見ることができますので、スパム攻撃の対象になる恐れもありおすすめしません。
※下の2つのチェックボックスについてはあとの方で説明しています。
- このリンクを新しいウィンドウで開く
- 「rel=nofollow」属性を追加する
④「OK」をクリック
「OK」をクリックするとリンクが設定されます。
下の文字にはリンクを張っていて、新しくウィンドウが開いて表示されるようになっています。
『Googleが提供する無料ブログサービス『Blogger』の始め方!!』
画像にリンクを張る
画像へのリンクの張り方を説明していきます。
①リンクを張りたい画像をドラッグする
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-09S2drG8C1s/W_T8Ptad6FI/AAAAAAAAKHU/chaDFFSvI9QpNBb_2IzR8FTCzNHBUdVwACK4BGAYYCw/s640/6%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
②「リンク」をクリック
記事作成メニュー内の「リンク」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-ovEdGV_nF5o/W_T8SPmgprI/AAAAAAAAKHc/4O5gn70eJ-ksatIvh90lmYDsNnufx8N1gCK4BGAYYCw/s400/3%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
③ダイアログ内を設定
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-QmwF1NeX2V0/WqHnVbfmU5I/AAAAAAAAD9Q/f7_X6lrm5DgQ4_tnhl31xW_BEJpirYUwgCK4BGAYYCw/s640/7%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
「リンクを編集」ダイアログが表示されるので設定を行います。
- 表示するテキスト: 画像にリンクを張る場合には特に設定は必要ありません。
- ウェブアドレス: リンク先のURLを設定します。
- メールアドレス: リンク先のかわりにメールアドレスを設定することもできますが、ウェブページは誰でも見ることができますので、スパム攻撃の対象になる恐れもありおすすめしません。
※下の2つのチェックボックスについてはあとの方で説明しています。
- このリンクを新しいウィンドウで開く
- 「rel=nofollow」属性を追加する
④「OK」をクリック
「OK」をクリックするとリンクが設定されます。
下の画像には、『Googleが提供する無料ブログサービス『Blogger』の始め方!!』にリンクを張っています。
リンク先を新しいウィンドウで開く
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-KwMhkRrizCU/WqHxK-oroDI/AAAAAAAAD9k/2lim0UVnAwkA-pi5qBTt-_uPZxvKnEv4gCK4BGAYYCw/s640/8%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
「このリンクを新しいウィンドウで開く」にチェック☑をすることで、リンク先を開いたときに、新しいウィンドウでリンク先を表示することができます。
「□このリンクを新しいウィンドウで開く」:チェックボックスにチェックをしない場合は、現在表示中のページが新しいページに切り替わって表示されます。
「☑このリンクを新しいウィンドウで開く」:チェックボックスにチェックをした場合は、現在表示中のページに加えて新しいページが表示されます。
「rel=nofollow」属性を追加する
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-_lXnC7NYtcI/WqHxo5BO_8I/AAAAAAAAD9s/XFFia5JYHF46orUYSAXl27NQojT5KvRwwCK4BGAYYCw/s640/9%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF.jpg)
GoogleやYahoo!などの検索アルゴリズムは、検索順位を決定するときにそのサイトがどのようなサイトなのかを確認します。
検索順位を上げるためには、そのサイトが何をまとめているのか統一されていることが理想的です。
リンクを張る場合に、もしもリンク先のサイトがそのページと関係のないサイトであった場合、検索アルゴリズムに対して悪い評価になる場合があります。
悪い評価になるということは、検索順位が下がることに繋がるということです。
これを防ぐために、「rel=nofollow」属性を追加します。
rel=nofollow属性を追加することにより、検索アルゴリズムはリンク先のページをそのサイトとは関係のないサイトとして扱います。
そのため、リンク先の内容に影響を受けることがなくなります。
「□rel=nofollow属性を追加する」:チェックボックスにチェックをしない場合は、リンク先も含めて検索アルゴリズムが評価します。
「☑rel=nofollow属性を追加する」:チェックボックスにチェックをする場合は、リンク先を含めず検索アルゴリズムが評価します。
画像を挿入
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-x43VvJBsmes/Wpyv7s0wXPI/AAAAAAAAD3M/yDiPPlSxUGkW6b3Xbd8O-Yncp61PeuLGQCK4BGAYYCw/s640/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-FXgYH7a5u20/Wpyv-z34q1I/AAAAAAAAD3c/_WJZHZzOAPIUfxXTIix7M0jdMGmI3gnbQCK4BGAYYCw/s1600/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
記事に画像を挿入します。
画像の挿入方法は、いくつか種類がありますので一つ一つ紹介していきます。
画像の挿入は記事作成メニューの写真のマークをクリックすることで行います。
アップロード
①「アップロード」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-3WZdPYwG-VE/W_UGpUIYBTI/AAAAAAAAKH8/m8rxMMV2gcMHBK6sO5WaEojR3API9wKJACK4BGAYYCw/s640/2%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
PC内の画像を選択してアップロードします。複数のファイルをまとめてアップロードできます。
②「ファイルを選択」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-xdOKOey9vCI/W_UGwjbNG8I/AAAAAAAAKIE/V9E_y4OReJQQ1EqxLBgcV8usjHhpdvJjgCK4BGAYYCw/s640/3%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「ファイルを選択」をクリックすることによって、パソコン内の画像が表示されるのでアップロードしたい画像を選択します。
③「選択した画像を追加」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-DSK--JNvjww/W_UGz7krWXI/AAAAAAAAKIM/NhXHNjAIGgkWyTRcO3pXF4bU6-HRyZXUgCK4BGAYYCw/s640/4%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
ダイアログボックスの左下にある「選択した画像を追加」をクリックすると画像を挿入することができます。
このブログから
①「このブログから」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-Gut9tKFlAWo/W_UG4qZGeyI/AAAAAAAAKIU/orKLySmY5_EB4SZOPS_p0r6zNnBPAWl9gCK4BGAYYCw/s640/10%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「このブログから」をクリックすると、現在作成中のブログ内で使用している画像が表示されます。
②画像を選択
現在のブログ内で使用している画像が表示されますので挿入する画像を選択します。
③「選択した画像を追加」をクリック
ダイアログボックスの左下にある「選択した画像を追加」をクリックすると画像を挿入することができます。
Googleアルバムアーカイブから
①「Googleアルバムアーカイブから」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-Mq57xabHLuA/W_UG7aB8rkI/AAAAAAAAKIg/SoDRirFlVxkl1v0hqBG7ykypW61Max2kACK4BGAYYCw/s640/20%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「Googleアルバムアーカイブから」をクリックするとGoogleアルバム内の画像が表示されます。
②画像を選択
Googleアルバム内にある画像が表示されますので挿入する画像を選択します。
③「選択した画像を追加」をクリック
ダイアログボックスの左下にある「選択した画像を追加」をクリックすると画像を挿入することができます。
携帯電話
①「携帯電話」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-jNtENcaWH_s/W_UG_2bgv3I/AAAAAAAAKIs/mygwW3hRC90d7zhTgtQCbkL0ZpUCi8elwCK4BGAYYCw/s640/30%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「携帯電話」をクリックすると画像が表示されます。
②画像を選択
挿入したい画像を選択します。
③「選択した画像を追加」をクリック
ダイアログボックスの左下にある「選択した画像を追加」をクリックすると画像を挿入することができます。
ウェブカメラ
①「ウェブカメラ」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-kx3yWn6I-Po/W_UHD0YWLGI/AAAAAAAAKI4/tEOpQwRuUjUYarFIjYEOTWx1vnoOHQmnQCK4BGAYYCw/s640/40%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「ウェブカメラ」をクリックすると画像が表示されます。
②画像を選択
挿入したい画像を選択します。
③「選択した画像を追加」をクリック
ダイアログボックスの左下にある「選択した画像を追加」をクリックすると画像を挿入することができます。
URLから
①「URLから」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-OMFGEvknV70/W_UHG4stb_I/AAAAAAAAKJA/05Vq50lQ4c8bH8gA7oMsN3kyRt7nnDblwCK4BGAYYCw/s640/50%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「URLから」をクリックします。
②画像のURLを入力
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-03YSKiUbfvs/W_UHJYMIs4I/AAAAAAAAKJI/ojWCj6yJ9z8QQ3fVlfTL8-MlaK0ugDsFACK4BGAYYCw/s640/5%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
画像のURLを入力します。URLに間違いがなければ画像が表示されます。
③「選択した画像を追加」をクリック
ダイアログボックスの左下にある「選択した画像を追加」をクリックすると画像を挿入することができます。
ドラッグ&ドロップ
パソコン上の画像を記事入力画面へドラッグ&ドロップすることで画像を挿入することができます。
一番簡単に画像を挿入することができます。
他の方法よりも、この「ドラッグ&ドロップ」がとても使いやすいので、多く使うことになると思います。
動画を挿入
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-x43VvJBsmes/Wpyv7s0wXPI/AAAAAAAAD3M/yDiPPlSxUGkW6b3Xbd8O-Yncp61PeuLGQCK4BGAYYCw/s640/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-fWog5b6cLAw/WpywArRF5aI/AAAAAAAAD3k/Kf6RjWXF2KAwClXYYWEH4TldLoZqS7XtQCK4BGAYYCw/s400/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A23.jpg)
記事内に動画を挿入します。
動画の挿入方法には、いくつか種類がありますので一つ一つ紹介していきます。
動画の挿入は記事作成メニューのカット割りのマークをクリックすることで行います。
アップロード
①「アップロード」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-56MsXoUvY7k/W_UJG7yE0iI/AAAAAAAAKJs/ACYO6qtKtxQHj2y4gb3lsdAOMYW9Zj0WgCK4BGAYYCw/s640/2%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
パソコン内にある動画をアップロードします。
”②ー1”か”②ー2”のどちらかの方法で動画を選択します。
②ー1 パソコンにある動画をドラッグ&ドロップする
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-NvAznzfjLq0/W_UJKx4KMbI/AAAAAAAAKJ0/inaLvCdkcLImV2QpAqbxkgmQ2XYEqABCQCK4BGAYYCw/s640/3%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
パソコン内にある動画を赤枠内にドラッグ&ドロップします。
②ー2 「アップロードする動画を選択」をクリックし動画を選択する
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-oW7g5TWuZD4/W_UJNg1xP-I/AAAAAAAAKJ8/BxOKIeELfWktno-59VwP4ousRDdNdH65ACK4BGAYYCw/s640/4%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
「アップロードする動画を選択」をクリックすることによりパソコン内にある動画が表示されるので選択します。
③「選択」をクリックする
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-9LGvYwdTJ9g/W_UJQc3T0aI/AAAAAAAAKKE/AG6npabiD5kx8crjp5m9-QGFBsezjJRxACK4BGAYYCw/s640/5%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
動画を選んだら左下にある「選択」をクリックします。
youtubeから
①「youtubeから」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-8Hx5wc_ujpE/W_UJTK2Qe6I/AAAAAAAAKKM/jdybxWD4PVwU2Oe6hoA3oRpmN5t0C8iRQCK4BGAYYCw/s640/6%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
投稿されているyoutube動画をアップロードします。
②動画を検索する
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-d07vyQSHp2k/W_UJWDTliqI/AAAAAAAAKKU/sgnrO8PzL9MSIYOwE1qSZM048wlNU3XEACK4BGAYYCw/s640/7%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
インターネット上に投稿されているyoutube動画を検索します。
③「選択」をクリックする
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-OGAjp_Qg42g/W_UJYuw9yyI/AAAAAAAAKKc/hCX1nq3p0RsYp8sdjXSw_HTw7ntm6-ndACK4BGAYYCw/s640/8%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
動画を選んだら左下にある「選択」をクリックします。
youtubeのマイ動画
①「youtubeのマイ動画」をクリック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-70o52Wz3n3A/W_UJbkw8tCI/AAAAAAAAKKo/F3zdD75UFdAVE943Jj8yeMvymNCiZ66EACK4BGAYYCw/s640/9%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
ご自分がyoutubeに投稿した動画を挿入します。
②表示された動画リストから動画を選択する
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-fXk7-i2eIzM/W_UJd9kfbFI/AAAAAAAAKKw/xuj3TPOVbiMfszMc73GNmQDzLB2KenX1wCK4BGAYYCw/s640/10%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
挿入する動画を選択します。
③「選択」をクリックする
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-4TIaTq2lWTY/W_UJge9Mq_I/AAAAAAAAKK8/BFWFiKTA9o8AuWexB2x5KICc4ukc4b2GACK4BGAYYCw/s640/11%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E6%258C%25BF%25E5%2585%25A5.jpg)
動画を選んだら左下にある「選択」をクリックします。
特殊文字を挿入
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-x43VvJBsmes/Wpyv7s0wXPI/AAAAAAAAD3M/yDiPPlSxUGkW6b3Xbd8O-Yncp61PeuLGQCK4BGAYYCw/s640/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-8D-pyIlJI7Q/WpywBQVz5YI/AAAAAAAAD3s/ILvaIAwSSeYXAESn_WId3nKbsvJtPzD9ACK4BGAYYCw/s400/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A24.jpg)
特殊文字を挿入します。
①特殊文字をクリック
記事作成メニュー内にある特殊文字のアイコンをクリックします。
②ダイアログが表示される
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-VqyG6IHn75Y/WqXPoBjCQgI/AAAAAAAAEC0/TjTQdPD-8no4mfbuXvquS0GbohyktW0PACK4BGAYYCw/s640/1%25E7%2589%25B9%25E6%25AE%258A%25E6%2596%2587%25E5%25AD%2597.jpg)
ダイアログ内にある特殊文字を選択することによって、特殊文字を入力することができます。
特殊文字は検索することもできます。
詳しくは「③ー1」「③ー2」「③ー3」をご参照ください。
③ー1特殊文字を直接選択
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-8QImVZSnbkA/WqXSkJHWhmI/AAAAAAAAEDA/2-_322OdR-ISzoy9-I5X4SmjgRd_vEQcQCK4BGAYYCw/s640/2%25E7%2589%25B9%25E6%25AE%258A%25E6%2596%2587%25E5%25AD%2597.jpg)
特殊文字を赤枠の部分から直接選択します。
③ー2特殊文字を検索する
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-1YrMDVpZyqs/WqXSmAI0l2I/AAAAAAAAEDI/w7jxMTN-sEYaFaUdV8qturBMMTMZHsChgCK4BGAYYCw/s640/3%25E7%2589%25B9%25E6%25AE%258A%25E6%2596%2587%25E5%25AD%2597.jpg)
赤枠の部分へキーワードを入力することによって特殊文字を検索することができます。
③ー3特殊文字を形で検索する
赤枠の部分へマウスで書き込むことによって似た形の特殊文字が検索されます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-f2HITW8nh1Q/WqXSof8wF8I/AAAAAAAAEDQ/INlPYt9erjww1kAjQmkhp1swBtPlI8QJwCK4BGAYYCw/s640/6%25E7%2589%25B9%25E6%25AE%258A%25E6%2596%2587%25E5%25AD%2597.jpg)
特殊文字の種類
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/--H4NDbN5XME/WqXVLNMWNlI/AAAAAAAAEDg/BH4EffcYZq0GKJX8Si_v92kNWyEu4nYgACK4BGAYYCw/s640/7%25E7%2589%25B9%25E6%25AE%258A%25E6%2596%2587%25E5%25AD%2597.jpg)
特殊文字はカテゴリーごとに種類分けされているので画像の赤枠の部分を変更することによって表示を切り替えることができます。
追記の区切りを挿入
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-x43VvJBsmes/Wpyv7s0wXPI/AAAAAAAAD3M/yDiPPlSxUGkW6b3Xbd8O-Yncp61PeuLGQCK4BGAYYCw/s640/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-ULkO5Nj3hYY/WpywC4b38QI/AAAAAAAAD30/VO2xgtkfmuIlL1U151P7TphpiU87HzMggCK4BGAYYCw/s400/9%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A25.jpg)
追記の区切りを挿入します。
追記の区切りとは?
「追記の区切り」とは、そのページの一部を表示し「続きを読む」などをクリックすることにより記事の全文を表示する機能です。
Bloggerでは一つのページに複数の記事を表示することができますが、全てを一度に表示してしまった場合、容量が大きくなり表示に時間がかかるなどしてしまいます。
「追記の区切り」をすることにより、一つの記事の表示スペースも小さくなるため閲覧者が閲覧しやすくなります。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-dz64LBc87Pw/WqdzrHTcWNI/AAAAAAAAED4/JYjfxf9jtzIe5uuy0zVfto7r6hNx61pZgCK4BGAYYCw/s640/1%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
追記の区切りの挿入
下の画像の記事の ”ここここここここ” と ”ささささささささ” の間に「追記の区切り」を挿入します(下の画像の赤矢印)。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-D-qgL3eF4Ys/W_UQOmOT3lI/AAAAAAAAKLo/HUskWyJqTMQiFm841g6Y4o0Ek7z91R_wACK4BGAYYCw/s640/0-1%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
①記事入力画面を表示
「追記の区切り」を挿入したい記事の記事入力画面を表示します。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-hIGaCShtEj4/W_UQSW8wHDI/AAAAAAAAKLw/fRbs8mPous8n18DV40d36xiVylL8mZQogCK4BGAYYCw/s640/2%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
②区切りたい場所にカーソルを置きます
”こここここ”と”さささささ”の間にカーソルを置きます。
下の画像では赤矢印の部分になります。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-qRN1ljMsYQk/W_UQV1MlsEI/AAAAAAAAKL4/XUKOnB5XLewulnmGfn7yVfyr5io2MvgVACK4BGAYYCw/s640/3%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
③「追記の区切りを挿入」をクリック
区切りたい場所にカーソルを置いたあとに、「追記の区切りを挿入」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-8n4Po-6kV40/W_UQYo3PQgI/AAAAAAAAKMA/eJ8RqyJkxk8wCmKJysfSOucPRUROjM8HQCK4BGAYYCw/s640/4%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
④区切りが挿入される
カーソルを置いていた場所に区切りが挿入されます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-A023paNx2Bw/W_UQbON4xjI/AAAAAAAAKMI/cPgZ_Sj_peYK9vntTxh4hOGFYbkQlAYLACK4BGAYYCw/s640/5%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
⑤「続きを読む≫」が表示される
ブログを表示すると「追記の区切り」を挿入した部分に、「続きを読む≫」と表示されています。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-fWErxZ88Icg/W_UQeEv7TEI/AAAAAAAAKMQ/ty5Ne8KpUb84kzY-uRD_nHFHeP1VmboAwCK4BGAYYCw/s640/6%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
「続きを読む≫」を変更する方法
「追記の区切り」はBloggerの初期設定では「続きを読む≫」になっています。
この表示は自由に変更することができます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-kqPNXLSIGmM/W_UQgo3jYrI/AAAAAAAAKMY/9WuLpRXX340bQKBOhp3VMGPyJPyQn6ioACK4BGAYYCw/s640/6%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A2.jpg)
①ブログ管理画面を表示
ブログの管理画面を表示します。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-12YqoeUl0Q0/W_UQj1VdW3I/AAAAAAAAKMg/pm5-sj9RdCAfNJAvRg9njq5UDiLELQmsQCK4BGAYYCw/s640/7%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
②「レイアウト」をクリック
ブログ管理画面の左下にある「レイアウト」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-xO84X494HwQ/W_UQmOK2VcI/AAAAAAAAKMs/jYLI7mqni-QXZO507Fq5z0T9mpm2fuUYwCK4BGAYYCw/s640/8%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
③レイアウト内の「ブログの投稿」を確認
ブログのレイアウトの中に「ブログの投稿」というブロックがあるので探してください。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-l9Yd6cFHl-4/W_UQoryzhPI/AAAAAAAAKM4/Cy678NAreP4fYM5o-1w1IZuRNgUhxTn-ACK4BGAYYCw/s640/9%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
④「ブログの投稿」内の「編集」をクリック
「ブログの投稿」のブロック内の右下に小さく「編集」とあるのでクリックしてください(下の画面の赤矢印)。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-Ho44UkCFYjw/W_UQq2nRjNI/AAAAAAAAKNE/_8B8i8P9-4cSi7-MX78M2VIR-iolouPuACK4BGAYYCw/s640/10%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
⑤ダイアログ内の「投稿ページのリンクテキスト」を変更
ダイアログが表示されますので、その中の「投稿ページのリンクテキスト」を変更します。
今回は「記事の全文を読む≫」に変更してみました。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-zRgkvaOuNLY/W_UQuDi7ZFI/AAAAAAAAKNM/X6K2jNUMdIUfbl00C_CAauyEcUYp9btawCK4BGAYYCw/s640/11%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-TMeoKzi4nzE/W_UQwrm__kI/AAAAAAAAKNU/-mSWgfbWgPEPcqnuPdyXnz43Za2zNOFZgCK4BGAYYCw/s640/12%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
⑥ダイアログを「保存」して閉じる
ダイアログ内の下の方に「保存」があるのでクリックして閉じます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-Dz0oki1uncs/W_UQzh1lCqI/AAAAAAAAKNc/yq4yRFqUJNooXZL2J3nTD37mrDqZm3vWQCK4BGAYYCw/s640/12%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A2.jpg)
⑦表示の確認
「追記の区切り」の表示が変更されました。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-Y5woLRBm3V0/W_UQ283hGtI/AAAAAAAAKNo/f0NnYV1pQ10GycOqYMxvq4U_HwB18OXfwCK4BGAYYCw/s640/13%25E8%25BF%25BD%25E8%25A8%2598%25E3%2581%25AE%25E5%258C%25BA%25E5%2588%2587%25E3%2582%258A.jpg)
配置・番号付きリスト・箇条書き
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-fFIcACnGMq8/WpywEGZR3cI/AAAAAAAAD38/sojHsWHNI2wEq6s-oX4IBy0108164WVzgCK4BGAYYCw/s640/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
記事作成メニュー内の「配置」「番号付きリスト」「箇条書き」について説明します。
配置
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-SI0wIbJ7aW4/Wp3zTpUfIvI/AAAAAAAAD6c/3Bd_8Ulh9R0sgZFoCy4ZuhJWE47Evp_-gCK4BGAYYCw/s400/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
「配置」では、文字や画像の配置を変更します。
左揃え、中央揃え、右揃えなど行うことができます。
①設定を行いたい文字をドラッグ
まずは、配置の設定を行いたい文字をドラッグします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-NS_AvHis_ic/W_UUxfeVOaI/AAAAAAAAKOM/MvXEfYOM3W0vBgf8NJ4KWwE74yGI1ADOgCK4BGAYYCw/s640/2%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
②配置方法を選択
「配置」をクリックし、ドロップダウンリストの中から配置方法を選択します。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-SiKkJOnbAg4/W_UUztN3TeI/AAAAAAAAKOU/X_tTjWTE9aMhIu5FKCyRNBnm5QLol826QCK4BGAYYCw/s640/3%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
③ー1「左揃え」
文字を左揃えにします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-Kbhx9-moIFA/W_UVAbg5I_I/AAAAAAAAKOk/pVPHl9Mm0lYi6CPbMwE05txMU6ra0pr5gCK4BGAYYCw/s640/2%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
③ー2「中央揃え」
文字を中央に揃えます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-4utl456yC60/W_UVDFU7zgI/AAAAAAAAKOw/Ijx6yNxHaKEiGvc93mm9aztE4eNqy9HWwCK4BGAYYCw/s640/4%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
③ー3「右揃え」
文字を右揃えにします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-8htdTu_S_yk/W_UVF2gD7YI/AAAAAAAAKO8/hTipz4df6PAjfEWwva0Lz6Q-6QCjc0JBQCK4BGAYYCw/s640/5%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
番号付きリスト
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-lddwtVBLubc/WpywHotzK2I/AAAAAAAAD4E/jb9OBN9fOzAeSc8LLdUjLyQyvGvvKCHrgCK4BGAYYCw/s400/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
「番号付きリスト」では、箇条書きの表示を番号付きリストとして表示することができます。
①設定を行いたい箇条書きの部分をドラッグ
まずは、番号付きリストの設定を行いたい箇条書きをドラッグします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-rqeJgAMg7CI/W_UVK8tGzYI/AAAAAAAAKPE/zVbr-q1zV0g9YuJT0swWoIFEdo2sGZ4AgCK4BGAYYCw/s640/2%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
②「番号付きリスト」をクリック
記事作成メニュー内にある「番号付きリスト」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-bjO8UegJx3M/W_UVgg4w46I/AAAAAAAAKPo/hPyuoY7G36wIj5-hSrgzu1uSF0dcGOUugCK4BGAYYCw/s640/6%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
③「番号付きリスト」として表示される
「番号付きリスト」をクリックすると、ドラッグした部分が番号付きリストとして表示されます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-aiC-E7bNJ2o/W_UVji3DpkI/AAAAAAAAKP0/XCNcNJobOAMiwo_v7wkH6cOtj3Z2YenfACK4BGAYYCw/s640/7%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
箇条書き
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-yfioXNY3-Xk/WpywJvJ9prI/AAAAAAAAD4M/QVZ0E28SoewdzGNAFxrCbLVPHAT2btk-gCK4BGAYYCw/s400/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A23.jpg)
「箇条書き」では、リストを箇条書きの状態で表示することができます。
①設定を行いたい箇条書きの部分をドラッグ
まずは、箇条書きの設定を行いたい部分をドラッグします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-_xzYBcc3tSE/W_UVWElk-2I/AAAAAAAAKPc/xcgzV7vDxyEvABKvJtVulEb8hXDQjvXYQCK4BGAYYCw/s640/2%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
②「箇条書き」をクリック
記事作成メニュー内にある「箇条書き」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-gpMV864AMnY/W_UVoIpUYRI/AAAAAAAAKP8/6n8iavM8w4IOXapO3AtK-hGRvbBO6dBgQCK4BGAYYCw/s640/8%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
③「箇条書き」として表示される
「箇条書き」をクリックすると、ドラッグした部分が箇条書きとして表示されます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-JZqZG37WbW0/W_UVqwGsSZI/AAAAAAAAKQE/kucmCuU60JIwJJmroJHHwvncjPQUuIexQCK4BGAYYCw/s640/9%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
引用
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-fFIcACnGMq8/WpywEGZR3cI/AAAAAAAAD38/sojHsWHNI2wEq6s-oX4IBy0108164WVzgCK4BGAYYCw/s640/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-P2yafapynBE/WpywKvVCxrI/AAAAAAAAD4U/2lDPxwhXOwUPgloCNHYXc4lUkQJuXa4HwCK4BGAYYCw/s400/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A24.jpg)
「引用」とは、”本やネットの文章をそのまま載せること”です。
引用した部分がある場合にはその部分を示す必要があります。
Bloggerの「引用」の設定は、特に表示が変わることがなく、あまりおしゃれではありません。
そのため、おしゃれなものに変更するためにはCSSで「引用」の表示設定を行う必要があります。
①「引用」を設定したい文字列をドラッグ
記事入力画面において、「引用」を設定したい文字列をドラッグします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-ULu29sCAjuQ/W_UW7lgacdI/AAAAAAAAKQk/98X8UfIOcso7MaM48Bs7YfQuidMoQcejQCK4BGAYYCw/s640/2%25E9%2585%258D%25E7%25BD%25AE%25E3%2580%2581%25E7%25AE%2587%25E6%259D%25A1%25E6%259B%25B8%25E3%2581%258D.jpg)
②「引用」をクリック
記事作成メニュー内にある「引用」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-UoRw2lX2kGM/W_UW-TZdiBI/AAAAAAAAKQs/HIr5UjKGEEY_9nPgbyUf5U7bgcSb86ngQCK4BGAYYCw/s640/11%25E5%25BC%2595%25E7%2594%25A8.jpg)
書式をクリア
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-fFIcACnGMq8/WpywEGZR3cI/AAAAAAAAD38/sojHsWHNI2wEq6s-oX4IBy0108164WVzgCK4BGAYYCw/s640/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-g0XAgz_6hAU/WpywMYWOlDI/AAAAAAAAD4c/vESMYN1pGrsGO4gsRkOsUY5M4PVbkBQNwCK4BGAYYCw/s400/10%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A25.jpg)
記事作成メニュー内の「書式をクリア」では、太字やフォントの色など設定した書式を元の状態に戻すことができます。
①赤枠の部分の書式をクリアします
下の画像の赤枠の部分の書式をクリアします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-7pgw-VK3NEk/W_UXmyYYYTI/AAAAAAAAKRE/46m0y48RFzQjzEFwD99A63eTaa6VUjh-QCK4BGAYYCw/s640/21%25E6%259B%25B8%25E5%25BC%258F%25E3%2582%2592%25E3%2582%25AF%25E3%2583%25AA%25E3%2582%25A2.jpg)
まずは書式をクリアしたい文字列をドラッグします。
②書式をクリアしたい文字列をドラッグ
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-_bb_cPSl9Gk/W_UXqmby6HI/AAAAAAAAKRM/AQzgBmjy0H8xgVMQMWZoZOM3DbFqQlVUACK4BGAYYCw/s640/22%25E6%259B%25B8%25E5%25BC%258F%25E3%2582%2592%25E3%2582%25AF%25E3%2583%25AA%25E3%2582%25A2.jpg)
③「書式をクリア」をクリック
記事作成メニュー内の「書式をクリア」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-7I4jj9gMNDc/W_UXtSrbzLI/AAAAAAAAKRU/5Ha0s7DkhXEGS6p3HRKXEyNrP6zhJGW_QCK4BGAYYCw/s640/23%25E6%259B%25B8%25E5%25BC%258F%25E3%2582%2592%25E3%2582%25AF%25E3%2583%25AA%25E3%2582%25A2.jpg)
④書式がクリアされる
書式がクリアされます。自動で改行される部分があるので、その部分は調整します。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-KzffszEMUd0/W_UXxO4p6oI/AAAAAAAAKRc/jxo3at91It0ssqZbtuQbCH7yDEGsu9BWQCK4BGAYYCw/s640/24%25E6%259B%25B8%25E5%25BC%258F%25E3%2582%2592%25E3%2582%25AF%25E3%2583%25AA%25E3%2582%25A2.jpg)
スペルチェック
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-5i87PE2gUQ8/WpywNss1DeI/AAAAAAAAD4k/PfcisJLPpmwXLH9gOidlQzUW-4z_EL_nACK4BGAYYCw/s640/11%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-ouw_WulGC_M/WpywQYIoiuI/AAAAAAAAD4s/o2Y_4HUOV2oZVv1INF9UurPfcNAuXwiEgCK4BGAYYCw/s400/11%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
「スペルチェック」では、作成した文章上の各単語が正しく綴られているかを確認します。
英文上の単語の綴りの間違いを簡単に調べることができます。
①英文を入力
今回は「I go to school.」と「I go to schoolk.」と入力。
”school”の綴りが間違っています。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-4EQXC0Din1M/W_UZi8-iJOI/AAAAAAAAKR4/8R3CmCxlDQk0NsQoKZ6o_HoYXPTrPl3oACK4BGAYYCw/s640/31%25E3%2582%25B9%25E3%2583%259A%25E3%2583%25AB%25E3%2583%2581%25E3%2582%25A7%25E3%2583%2583%25E3%2582%25AF.jpg)
②「スペルチェック」をクリック
記事作成メニュー内にある「スペルチェック」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-feZyeYK095E/W_UZm_0y3DI/AAAAAAAAKSA/svVoNkkPrLYMe_RcGfV-wq_E57BWZAjMACK4BGAYYCw/s640/32%25E3%2582%25B9%25E3%2583%259A%25E3%2583%25AB%25E3%2583%2581%25E3%2582%25A7%25E3%2583%2583%25E3%2582%25AF.jpg)
③綴りが間違っている単語の背景色が変化
「スペルチェック」をクリックすると、スペルの間違いがある文字の背景色が変化します。
背景色は変化していますが、スペル間違いの場所を知らせているだけなので、プレビューで見ると背景色は変化していません。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-9iPEDh992Co/W_UZpp4vOYI/AAAAAAAAKSM/lyPDsf495hw5iZEGxFzakFe-vScAs5XiACK4BGAYYCw/s640/33%25E3%2582%25B9%25E3%2583%259A%25E3%2583%25AB%25E3%2583%2581%25E3%2582%25A7%25E3%2583%2583%25E3%2582%25AF.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-rDeyarhrvl8/W_UZr56s_TI/AAAAAAAAKSU/4tImQ8Bff98uLQ9_lBHlOvEaoB6b28N1QCK4BGAYYCw/s640/34%25E3%2582%25B9%25E3%2583%259A%25E3%2583%25AB%25E3%2583%2581%25E3%2582%25A7%25E3%2583%2583%25E3%2582%25AF.jpg)
英語の文字で入力された単語を文字変換・文字の言語を選択
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-5i87PE2gUQ8/WpywNss1DeI/AAAAAAAAD4k/PfcisJLPpmwXLH9gOidlQzUW-4z_EL_nACK4BGAYYCw/s640/11%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-hCT9SwgSmQ4/WpywRruYhEI/AAAAAAAAD40/8WZCi4NzV7o4mGDGm40Cx4ZbHhFuT0AtgCK4BGAYYCw/s400/11%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
アルファベット入力した文字列を指定した文字言語に変換します。
文字言語はドロップダウンリストから選択します。
文字変換の方法
①「文字変換の言語を選択」をクリック
記事作成メニュー内にある「文字変換の言語を選択」をクリックします。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-2D4BEXOXj2Y/W_YEmMUWCsI/AAAAAAAAKS0/fXUGOVVFiEs4OqF2Ck0v9hM3ZJyssoRUACK4BGAYYCw/s640/1%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
②使用する言語を選択する
言語を選択するドロップダウンリストが表示されるので、使用する言語を選択します。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-bTd-zq-Mggo/W_YEouPcIwI/AAAAAAAAKS8/DpHBMCU6bggDZDhciZHSuDke5mTKzKN8gCK4BGAYYCw/s640/2%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
③「英語の文字で入力された単語を文字変換します」をクリック
次に「英語の文字で入力された単語を文字変換します」をクリックします。
このとき、言語の部分の背景色が変化していることを確認してください。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-UAGPmiCfoGI/W_YErbxLLFI/AAAAAAAAKTI/uLBx9OMo3jEu4O1Pliizp3trFa20SCqfgCK4BGAYYCw/s640/3%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
④英字入力で文字を入力
英字入力で文字を入力すると、選択した言語に文字変換することができます。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-zye2vTWzQUA/W_YEvWYudGI/AAAAAAAAKTQ/ZEJkB_kpNF88IQmggx9-RuU022wVS3qywCK4BGAYYCw/s400/4%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-T94EH248QSQ/W_YEyZsXzWI/AAAAAAAAKTY/hpFwsIWno5EXzjxHQ1qsSZxJQKd7PLv2gCK4BGAYYCw/s400/5%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
変換できる文字の種類
選択できる言語を上から順に表示しています。
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-OLpZ2kRbjZk/WrNKJzcxi0I/AAAAAAAAEQA/ci1uZJIwfXs5C4u7eT5zgwGIyYUjHw8yACK4BGAYYCw/s640/26%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
言語①
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-mYWqH_gbct8/WrMYhDjlQBI/AAAAAAAAEPw/urAo5RuCiI4ZYJmasOV9XI-Zd1T_dXD2QCK4BGAYYCw/s1600/7%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
አብችደፍግህጅክልምኖፕቅርስቱቭውሽይግ
言語②
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-FRDH5q9iTXg/WrDDCF8VyfI/AAAAAAAAEMs/ctxWP61v6WQvoWDJTei8Yc75XeoLc2_mwCK4BGAYYCw/s1600/8%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
بشدفغجكلمنبقرصتفوكسيز
言語③
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-zaly0QFNMP8/WrDDC9Kd_AI/AAAAAAAAEM0/k8HZdiV2TVkPZs_XLMvWVAQJw_U8sNQRwCK4BGAYYCw/s400/9%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
অবসিডিএফঘিজকলমনোপকরস্তুভবক্সিগ
言語④
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-y0-wVobZvdM/WrDDDzwAedI/AAAAAAAAEM8/V77CQOcYZoM6uWzlp75eK0OckQA4mr22wCK4BGAYYCw/s400/10%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
αβκδεφγηξκλμνοπκρστύβωχυζ
言語⑤
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-aD4LUltaVyE/WrDDEqgEcJI/AAAAAAAAENE/dQ1ZeSKmLmgjlLPaaYeQhpd_bbGI7Ti9gCK4BGAYYCw/s400/11%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
ابکدفقیجکلمنوپقرستووکسیز
言語⑥
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-M9cLsJa_YIA/WrDDFatCa9I/AAAAAAAAENM/FjeU6RSovxw8YOIGME6mP0vY9AD6WmXVwCK4BGAYYCw/s400/12%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
અબસીડીએફધીજકલમણોપકર્સ્ટવવક્ષયગ
言語⑦
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-FzcUQ9QIJv0/WrDDGF5WX_I/AAAAAAAAENU/nuvLdMQkRagUszdcD7wM6rNH3Y4LiWpdQCK4BGAYYCw/s400/13%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
अबकदेफहीजक्लम्नोपकरसतुववक्सीज़
言語⑧
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-gNtFigzD99Q/WrDDIfTozsI/AAAAAAAAENc/Zf9OF0IqqK4mdsxpwU24b_PEAAeLA47vwCK4BGAYYCw/s400/14%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
ಅಬ್ಚ್ಡೆಫ್ಘಿಜ್ಕ್ಲ್ಮ್ನೋಪಿಕ್ರ್ಸ್ಟಿವ್wಸ್ಯ್ಜ್
言語⑨
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-VgfrC2iMNVQ/WrDDIsc7N5I/AAAAAAAAENk/k9tS37Sja5EuCsm9udK8LBV7nKEa1DW5gCK4BGAYYCw/s400/15%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
അബ്സിഡിഫിഖിജ്കല്മനോപഖ്റസ്റ്റുവിവസ്യ്ഗ്
言語⑩
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-mlOqDtOZdGU/WrDDLlZ0fdI/AAAAAAAAENs/YwSzrxZpTe0KQGpKD2MwbZF4vcPCch3hACK4BGAYYCw/s400/16%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
अबकडेफघीजक्लमनोप क़र स्तुववक्सयग
言語⑪
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-RiR2ary9UTc/WrDDMbS-MgI/AAAAAAAAEN0/OC1oM1A-sboDm6_ybtdC6SgFiHGvJs1VACK4BGAYYCw/s400/17%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
अब्च्देफ़्घिजिक्म्नोप्क़्र्स्तुव्व्क्ष्य्श
言語⑫
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-m8_baSOpaB8/WrDDNLMGhYI/AAAAAAAAEN8/gozGRBs2Lic0azFnCOCCb4CGct5cVFwCwCK4BGAYYCw/s400/18%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
ਅਬਕਦੇਫਗਹਿਜਕਲਮਨੋਪਕਰਸਤੁਵਅਕ੍ਸੀਜ
言語⑬
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-dMK82juyiLs/WrDDN8HsYWI/AAAAAAAAEOE/ByeRon4McpkzcMpM5bw3LdEoQegELDD8wCK4BGAYYCw/s400/19%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
авсдефгнийклмнопкрстоввксиг
言語⑭
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-37KaMOHAn0Y/WrDDOquHFgI/AAAAAAAAEOM/cxEwQyGUD6IsTi7jpLE2BZj4SUPq2nx4ACK4BGAYYCw/s400/20%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
अब्च्देफ़्घिज्क्ल्म्नोप्क़्र्स्तुव्व्क्ष्य्ग्
言語⑮
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-L_EdfyAYyOc/WrDDQCJ942I/AAAAAAAAEOU/0vjNMyCIHjwcY8Nqut2T9EJfkFg22d0FACK4BGAYYCw/s400/21%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
абцдефгхијклмнопрстуввкг
言語⑯
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-h1c8jwXZuvg/WrDDQwxRjsI/AAAAAAAAEOc/ofMY6zSEjFwZyNOsjzyX11lZG1H8akEiwCK4BGAYYCw/s400/22%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
அபிசிடிபிஜிஹிஜிக்லம்நோபஃற்ஸ்துவவ்ஸ்ய்ஸ்
言語⑰
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-LTSNDaPGkOs/WrDDTAlcGoI/AAAAAAAAEOk/XVE1V0-Gpu0gRDjRT7gS48Fqenh6-Fd_wCK4BGAYYCw/s400/23%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
అబీసీడీఫ్ఘిజ్క్ల్మ్నొప్క్ర్స్తువు వxయ జ్
言語⑱
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-QbsRRbJcNqk/WrDDTx-HEaI/AAAAAAAAEOs/G_hvSfgIHKMbKnWe4VwXB2txDxNnJsmDACK4BGAYYCw/s400/24%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
ኣብጭደፍግሕጅክልምኖፕቅርስቱ ቭውሽይዝ
言語⑲
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://2.bp.blogspot.com/-mcJK568YLZk/WrDDUZZ6-BI/AAAAAAAAEO0/jiH7yTInvLQiNeve26RSn-AkGa2iyByPwCK4BGAYYCw/s400/25%25E8%258B%25B1%25E5%25AD%2597%25E5%25A4%2589%25E6%258F%259B.jpg)
بچدےفغِجکلمنوپقڑثتُویشیذ
左から右・右から左
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://1.bp.blogspot.com/-WxmOvRyOfRE/WpywW0EXKMI/AAAAAAAAD5M/BjZwOKDG-gktrtiWdexwmQUJz7ACrGD1wCK4BGAYYCw/s640/12%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A2.jpg)
記事作成メニュー内にある「左から右」「右から左」では文字列を左右どちらかに寄せることができます。
左から右
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://4.bp.blogspot.com/-a8QsCHQpJeE/WpywY0ZaSCI/AAAAAAAAD5U/_ntZ9X2_w8A5A4k2BAU3OqTfDWaTeMXbQCK4BGAYYCw/s400/12%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A21.jpg)
文字が左詰めになります。
(例)あいうえおかきくけこさしすせそたちつてと
右から左
![Bloggerで始める無料ブログ:記事作成画面の編集メニューの説明【無料ブログBloggerの使い方とカスタマイズ方法】](https://3.bp.blogspot.com/-RJWVaYTZ9C8/WpywaVwrclI/AAAAAAAAD5c/CtM97xC9TfEIob7aDon7CISPgDshQcxXgCK4BGAYYCw/s400/12%25E8%25A8%2598%25E4%25BA%258B%25E5%2585%25A5%25E5%258A%259B%25E7%2594%25BB%25E9%259D%25A22.jpg)
文字が右詰めになります。
(例)あいうえおかきくけこさしすせそたちつてと
まとめ:今回のおさらい
お肉屋さん。。。
あんまり覚える量が多すぎだよ💦
まったく覚えられないよ~💦
ブーたんと一緒~💦
なんとなくしか覚えられなかった💦
2人とも大丈夫だよ!!
説明を見てもすぐに覚えられるものじゃないからさ
自分で記事を書いて、実際にいろいろな機能を試してみたらいいよ!!
試しているうちに自然に覚えるはずだからさ!!
最初に言ったように、どんなメニューがあるのかだけでも知っておいてね!!
記事作成画面の編集メニューは、記事の作成にあたり多く使用することになると思います。
エクセルやワードを普段使い慣れている方ならば、似たようなメニューが多いので、そんなに迷うことなく使用することができると思います。
記事を作成していろいろな機能を使ってみましょう!!