久しぶりにリクエストの多い
「囲み枠のつけ方」について、まとめました。
冒頭の自己紹介や
記事末のリンク集を作りたいときに
活用してくださいね。
アメブロの囲み枠は
デザイナーさんが
無料配布してくれている
HTMLタグというものを利用します。
「アメブロ 囲み枠」
「アメブロ 囲み枠 可愛い」
などで検索すると
いろんなデザインの枠が見つかります♪
使い方は、それぞれのサイトに
詳しく書かれている場合が多いです。
それを参考にしていただければ
間違いないですが
イメージしやすいように簡単に説明しますね。
囲み枠は
一発でカンタンにできちゃう方と
何回やってもできない方と
真っ二つに分かれますが
できない方は、単純に
手順が間違っている場合が多いので
しっかり、読んで
丁寧にやれば、必ずできます!!!
気に入った囲み枠のHTMLタブを【コピー】
(サイト内で、「これをコピー!」という表示があります)
自分のブログを書く画面で【HTML表示】をクリック。
(この時、枠の外の文字は
先に全部書いておくと後が楽です)
先ほどのHTMLを枠を入れたい場所に【貼り付け】
通常表示をクリック
枠の中に文字を入れると完成です。
【枠の中で改行したい場合】
枠の中で改行する場合は
Windowsなら【Shift+Enterキー】
Macなら【command(またはControl)+Enterキー】
慣れないうちは、めんどくさいかも
しれませんが、失敗してもやり直しは
何回でもできます。
慌てずに、丁寧にやりましょうね!
スマホからでも
囲み枠がつけられます!
気に入った囲み枠のHTMLタブを【コピー】
(サイト内で、「これをコピー!」という表示があります)
自分のブログを書く画面で【HTML編集】をクリック。
(この時、枠の外の文字は
先に全部書いておくと後が楽です)
先ほどのHTMLを枠を入れたい場所に【貼り付け】
完了をタップ
枠の中に文字を入れると完成です。
【枠の中で改行したい場合】
枠の中で改行したい場合は、
の時に、そのまま文字を
入れてしまいます。
普通に改行もできますよ。
↓
枠の中に絵文字を入れたい場合は
タグ編集を完了して
通常の画面で追加しましょう。
HTMLタグは、一見
意味不明の英語に見えますが
よーく見ると
線の太さや色などの情報が
書かれています。
ここを書き換えると
自由に色や形を変えることも!
好みのものが見つからないときや
全体の統一感を出したいときに便利なスキルです。
興味のある方は、「囲み枠のつけ方・個人レッスン」で聞いてくださいね!
冒頭や記事末以外にも
見出しをつけたり
情報を見やすくまとめたり
活用できる場面が多いので
ぜひ、使えるようにしておきましょう。
★関連記事★
スマホでアメブロを書いているとき上に表示される矢印の正体は?~アンドゥ&リドゥ機能
ブログに書きたいことが多すぎて1記事が長くなってしまうときの対処法
スマホから直接アメブロへ写真をアップロードする方法~写真は、ダウンロード不要!
▼アメブロ開設前・直後の方は初期設定から!
≫≫スタートアップ個人レッスン
▼【お手軽♪】客観的アドバイスが欲しい方に
≫≫あなた専用のアドバイスシートが届く「簡単ブログ診断」
▼【オンライン】マンツーマンでしっかり学びたい方に
≫≫お申込ボタンを設置するレッスン
≫≫囲み枠のつけ方レッスン
≫≫告知文の書き方レッスン
≫≫その他・お悩みご相談ください
▼【販売中】忙しくてブログを書く時間がない方に
≫≫その他、提供メニュー一覧