画像をフリースペースに貼る方法 | 超初心者のためのアメブロ作成講座

超初心者のためのアメブロ作成講座

これからブログを始めてみようという人のために

アメブロの基本操作をわかりやすく説明します☆

アクセス解析を見ていると、

フリースペースに画像を貼りつける方法を探して

このブログに、たどり着く人も、時々いるみたいです☆

 

自己紹介文や画像、バナーなどのHTMLタグ、

 

自分のサイトのテキストリンクなどを

全角5,000文字以内で書いたものを、

ブログのサイドバーに表示できるのが、フリースペース。

 

 

ちなみに、当ブログのフリースペースは、

 

 

サイドバーにこんなふうに表示されています。

 

フリースペース→サイドバー表示

 

フリースペースは、記事編集画面などと違って、

HTMLタグで編集する必要があるので、

初心者には、ちょっとハードルが高いと感じるかもしれませんが。。

 

 

今回は、HTMLなんてわからない人でも、

 

 

簡単にタグを生成して、

サイドバーに表示させる方法を、紹介します☆

 

 

私も実は、記事編集画面を使って、

 

 

しょっちゅう、HTMLタグを作ってるんです(笑)

 

 

まず、記事編集画面に、画像を挿入します。

 

 

 

(画像の貼付方法は、こちら☆)

 

ブログ記事に画像を使用するには(アメブロ編)
画像をアップロードする(アメブロ編)
記事に画像を挿入する(アメブロ編)


1.画像を配置

 

 

「タグの非表示」の右側にある

 

 

「HTMLタグを表示」タブをクリックします。



2.HTMLタグを表示

 

そうすると、画像を表示させるための

 

HTMLタグが、表示されるので、これをコピー。

3.HTMLタグをコピー

 

ブログ→「サイドバーの設定」をクリック。

4.サイドバーの設定

 

 

「フリースペース」の右側の「設定」ボタンをクリック。

5.フリースペース「設定」

 

 

(もしくは、管理画面トップ→「クイックリンク」→「フリースペースの編集」)

 



6.HTMLタグペースト・プレビュー

ここに、先ほどコピーしておいた

HTMLタグを、ペーストします。

 

すると、右側のプレビューで

 

画像を貼り付けた様子が、確認できます☆


7.保存をクリック.

あとは、保存ボタンをクリックすれば、

サイドバーのフリースペース欄に反映されます。

 

フリースペース編集画面には、

 

バナーやテキストリンクなどのHTMLタグも、

同様に、貼りつけることができます☆

 

 

【関連記事】

 

 

サイドバーのレイアウトを変える方法

サイドバー「フリースペース」の編集方法

ブログ記事に画像を使用するには(アメブロ編)
画像をアップロードする(アメブロ編)
記事に画像を挿入する(アメブロ編)
複数の画像が簡単に挿入できる新機能(アメブロ編)

画像の貼りつけ位置の指定(アメブロ編)

「フォトサービス」と「画像フォルダ」の違い

無料フォトアルバムいろいろリンク集

バナーが貼り付けられる位置

ブログにバナーを貼り付ける方法

バナーのHTMLタグについて

バナーのHTMLタグ

個別ページ・テキストリンクのURL確認方法

テキストリンクをかける方法(アメブロ編)

文字の色を変える方法(1)基本色12色

文字の色を変える方法(2)216色の中間色バリエーション

文字の大きさ(フォントサイズ変更)とHTML

太字・斜体・下線・打消線で、文字を装飾する方法

 

 

 

しもまゆのメルマガ

まぐまぐ『ブログ×SNS活用術

 

無料メール講座【月間10万PV超ブログ作成の秘訣7ステップ】

 

 

超初心者のためのアメブロ作成講座

ブログにバナーを貼り付ける方法

目次【アメブロ関連記事一覧】

初心者向けブログ関連本・書籍一覧

「超初心者のためのアメブロ作成講座」トップページ