パソコン苦手女子の専門家
ブログのアクセス数を上げずに
集客が出来る女子的集客法で
集客ゼロから毎月5人を集客する
Web集客コンサルタントの片岡すみらです。
ブログを書く上で見やすさは
一番大事ですね。
見やすくする為に
皆さん囲い枠使ってる方多いですよね。
ブログを書き始めた方は
これどうやって書くんだろう
と悩んでると思います。
ですので今回はシリーズで
囲い枠について書きますね
囲い枠これを真似れば誰でも出来る
まず記事の入力画面を
”HTML表示”に切り替えて下さいね。
これから説明するタグを入れ終わったら
通常表示に戻して文章を入力して下さい。
その時改行する場合は
Shift+Enterで改行して下さい。
Enterのみで改行してしまうと
枠が2つに分かれてしまうので注意
直線枠ここに本文を入力する。
改行はShift+Enter
改行はShift+Enter
■このタグをコピペしてね
<div style="background:#fff; padding:10px; border:2px solid #ff0000;">ここに本文を入力する。<br />改行はShift+Enter</div>
丸枠ここに本文を入力する。
改行はShift+Enter
改行はShift+Enter
■このタグをコピペしてね
<div style="padding: 10px; border: 2px solid #ff0000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力する。<br />改行はShift+Enter</div>
点線枠ここに本文を入力する。
改行はShift+Enter
改行はShift+Enter
■このタグをコピペしてね
<div style="background:#fff; padding:10px; border:2px dashed #ff0000;">ここに本文を入力する。<br />改行はShift+Enter</div>
水玉線枠ここに本文を入力する。
改行はShift+Enter
改行はShift+Enter
■このタグをコピペしてね
<div style="background:#fff; padding:10px; border:3px dotted #ff0000;">ここに本文を入力する。<br />改行はShift+Enter</div>
”#fff”や”#ff0000”は色の指示になります。
色を変更する場合は
のサイトを参考にして下さいね。この他の囲い枠もまた紹介させて頂きますね。
今日も最後まで読んで頂きありがとうございました。
現在募集中のイベント
アメブロ楽作サークル（4/1～始動）楽しく書いて・仲間が出来て・継続出来る
そんなアメブロのサークルに入りませんか？？
戦略的に使いこなし集客を楽にするLINE＠startupティーセミナー
「片岡すみらパソコンスクール」簡単にHP・LPが作れる！ペライチ講座
※開催リクエスト受付中※
マンツーマン個別コンサルティング
マンツーマンで相談ごとや教えてほしいという方は
こちらがおススメ。
あなたのお悩みにあった内容でお伝えします。
電子書籍購入はこちら
Amazon電子書籍売上ランキング1位獲得
「アメブロとLINE＠を使った女子的ブログ集客法」
LINE＠のご案内
片岡すみら公式LINE＠「アメブロのアクセス数を上げずに
集客出来る女子的ブログ集客法
7STEP動画講座」無料公開中
検索の場合は＠cof7121c
