左側の囲い枠はどのようにするのでしょうか・・・アメブロでHTMLが利用できるところ | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


今日はこの方からの久々のご質問です(笑)

先生~いつもいつも、有難うございます。(-^□^-)

あの~宿題が増えそうなんですが、ずっと、気になっているので教えてください。(;^_^A
(中略)
先生のブログの左側の「■アメブロ便利技■」についてなんですが、あれ、どこで、どうやってやればできるのでしょうか~

どうやったらいいのかな~なんて思いながらも、検索の時に、なんて入力すればいいのかが、分からないままずるずると。。。。

先生~~~私も、やってみたいです!!!
(中略)
よろしくお願いします。ぺこり

ふわりまみ


ん・・・?

左側の「■アメブロ便利技■」?

おっと~^^!
コレ↓↓↓(赤い枠部分)ですね!

川上雄大のワンポイントレッスン
 

これは・・・


フリースペース編集です、ハイ!

マイページ]から、右上の三本線マークをクリックして、「フリースペース編集」をクリックします。

川上雄大のワンポイントレッスン


このタグを↓↓↓(ご自分の内容に変更してくださいね^^)
(他の枠がいい方はこちらの『アメブロ 記事内に枠で囲む方法』をご覧くださいませ。)

<div style="background:#000066; border:1px solid #000066; padding-left:10px; font-size:1.16em;border-top-left-radius:5px;border-top-right-radius:5px;"><font style="color:#ffffff; font-weight:bold">■アメブロ便利技■</font></div><div style="border:1px solid #000066; padding:10px; font-size:1em;border-bottom-left-radius:5px;border-bottom-right-radius:5px;"><p><strong>◆記事内のメニューバー</strong></p><a href="http://ameblo.jp/sumitak1329/entry-11713773400.html">アメブロ 記事中にメニューリンクを囲みたい【記事のメニューバー】</a><p><strong>◆囲い枠の作り方</strong></p><a href="http://ameblo.jp/sumitak1329/entry-11593572421.html">アメブロ 記事内に枠で囲む方法</a><p><strong>◆見出し付き囲い枠</strong></p><a href="http://ameblo.jp/sumitak1329/entry-11730920689.html">見出し付きの囲い枠</a><p><strong>◆見出し付き囲い枠-その2</strong></p><a href="http://ameblo.jp/sumitak1329/entry-11732132853.html">【続編】見出し付きの囲い枠 -その2</a><p><strong>◆ヘッダー下のメニューバー</strong></p><a href="http://ameblo.jp/sumitak1329/entry-11626214725.html">ウエストみたいなヘッダーの下の帯って【メニューバーの設置方法】</a></div>


フリースペースに作成して(一度、記事で作成したのを、「HTML表示」でコピペするとよいですね)、「保存」を押します。
(余計な改行は削除してくださいね^^)


そして、「配置設定」で「使用する場所」の左上にドラッグして配置します。

川上雄大のワンポイントレッスン

あとは、「保存」をクリックして、ブログに戻って更新(F5キー or command+R)をします。


アメブロでは、いくつかの場所でHTMLを記述することが許されています。

■HTMLが利用できるところ■
 記事本文
 メッセージボード
 フリースペース
 フリープラグイン


それぞれ文字数や記述できないタグ(禁止タグ)がありますので、詳しくはアメーバヘルプをご覧くださいね。




・・・ということで、ふわりまみさん、ご質問ありがとうございました!

これで宿題がまた増えましたね(笑)


でも、ファイト~、ふぁいと~っお!!^^


<追記>
最新のサイドバー・フリースペースの囲み枠はこちらでご紹介しております↓↓↓

左サイドバーの上に設置している最近の囲み枠は



以上、パソコンワンポイントレッスンでした。


LIDS澄川・ライフデザインスクール
川上 雄大