欲張りにワガママに♡
思い通りの人生をデザインする
フォトグラファー杉浦千加です＾＾
最近ブログの書き方とか、
集客の仕方について、
講座をしたり
コンサルさせていただく機会がとっても多いです♪
ブログってパッと見て
「素敵、信頼できそう」って思ってもらえること
これがとっても大切
ブログを作りこむにはセンスが必要なのです♡
簡単にセンスアップできちゃう小技
ご紹介していきますね！！
今日は…
＜ 囲み枠の作り方だよー
これとても良く聞かれます。
ややこしそうだけど簡単だから覚えてね。
コピペでピッとできちゃいます！
いくつかのパターンをここから載せて行きますが、
あなたのブログカラーにあったものを選んでください♪
統一感が大切♡
タイトル付き
使用タグ
しかく
使用タグ
グレー点線
使用タグ
二重線
使用タグ
ピンクの文字のところはカラーコードと言い、
変更すると、線の色や背景を変更することができます。
こういうサイトから、好きな色を選んでくださいね＾＾
原色大辞典
http://www.colordic.org/
コピペする場所はここ(新エディタの場合)↓
赤い四角で囲んだHTML表示というところです
【標準エディタ】【タグ編集エディタ】の場合は、
そのまま本文書くところにペタリ
やり方わかりましたか？？
これでぐーーんと記事も見やすくなると思います。
こういうのも↓すぐにつくれちゃいますよ＊
■最新の開催情報■
思い通りの人生をデザインする
フォトグラファー杉浦千加です＾＾
最近ブログの書き方とか、
集客の仕方について、
講座をしたり
コンサルさせていただく機会がとっても多いです♪
ブログってパッと見て
「素敵、信頼できそう」って思ってもらえること
これがとっても大切
ブログを作りこむにはセンスが必要なのです♡
簡単にセンスアップできちゃう小技
ご紹介していきますね！！
今日は…
＜ 囲み枠の作り方だよーこれとても良く聞かれます。
ややこしそうだけど簡単だから覚えてね。
コピペでピッとできちゃいます！
いくつかのパターンをここから載せて行きますが、
あなたのブログカラーにあったものを選んでください♪
統一感が大切♡
タイトル付き＊タイトル＊
ここに本文をいれる
使用タグ
<div style="background:#f6bfbc; border:1px solid#f6bfbc; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">＊タイトル＊</font></div><div style="border:1px solid#f6bfbc; padding:10px; font-size:1em;">ここに本文をいれる</div>
しかくここに本文を入れる
使用タグ
<div style="background:#fffff; padding:10px; border:1px solid#89c3eb;">ここに本文を入れる</div>
グレー点線ここに本文を入れる
使用タグ
<div style="background:#f7f7f7; padding:10px; border:1px dotted #CCCCCC;">ここに本文を入れる</div>
二重線ここに本文を入れる
使用タグ
<div style="background:#ffffff; padding:10px; border:3px double#4169e1;">ここに本文を入れる</div>
ピンクの文字のところはカラーコードと言い、
変更すると、線の色や背景を変更することができます。
こういうサイトから、好きな色を選んでくださいね＾＾
原色大辞典
http://www.colordic.org/
コピペする場所はここ(新エディタの場合)↓
赤い四角で囲んだHTML表示というところです
【標準エディタ】【タグ編集エディタ】の場合は、
そのまま本文書くところにペタリ
やり方わかりましたか？？
これでぐーーんと記事も見やすくなると思います。
こういうのも↓すぐにつくれちゃいますよ＊
■最新の開催情報■
