読みやすいブログにするために（２）

アメブロ集客実践セミナーのやはたです＾＾

■　読みやすいブログにするために（２）

さて、みなさん！

CSS編集用デザインの設定は出来ましたか？(*^ー^)ノ

・字の大きさ
・字の行間
・リンク文字の青色を濃く

という部分が、ガラリ！と変化したでしょ？＾＾


これだけで、格段に「読みやすいブログ」になりますからね＾＾


ちなみに、記事タイトル（題名）も、少し大きくしたい場合は・・・

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.5em;
}

を同じく、CSSの一番下に貼りつけてくださいね＾＾


▼では、今回の本題へ移ります(*＾ー＾)ノ


今回の本題は、文字の強調についてです。


▼例えば、文字をちょっと強調しながら文章を書いてみましょう。

乾燥する季節になると、お肌の悩みは尽きません。

でも、適切な肌ケアをすることで、お肌は若さを取り戻します。

だから、日々の肌ケアはとても大切です。

若々しさは、日々の積み重ねから生まれるのです！

これを・・・

乾燥する季節になると、お肌の悩みは尽きません。

でも、適切な肌ケアをすることで、お肌は若さを取り戻します。

だから、日々の肌ケアはとても大切です。

若々しさは、日々の積み重ねから生まれるのです！

という風にしたり、あるいは・・・

乾燥する季節になると、お肌の悩みは尽きません。

でも、適切な肌ケアをすることで、お肌は若さを取り戻します。

だから、日々の肌ケアはとても大切です。

若々しさは、日々の積み重ねから生まれるのです！

なんてすると、ものすごく読みづらいですよね？


なので、強調する時の基本は・・・

ふつう
強調
もっと強調
さらに強調
さらにさらに強調

…という風に分けるとイイです＾＾


基本の基本は・・・

ふつう
強調
もっと強調

の３種類です＾＾


そして、これも基本ですが・・・

単語そのものを強調するよりも

一行丸ごと強調するようにしてください。

↑↑こんな感じで＾＾


それでは、また次回



やはたでした＾＾

読みやすいブログにするために（１）

アメブロ集客実践セミナーのやはたです＾＾

みなさん、こんにちは。

何も考えずに、何も言わずに、次のことをやって見てください。

僕もブログを書き始めたころ、ひたすら言われたとおりにやって行きましたから＾＾

▼管理画面左上部の「アメーバのサービス一覧」をクリック




▼デザインの変更をクリック




▼下～の方の右側にある、「カスタム可能ボタン」を押す。



▼「CSS編集用デザイン」を選ぶ。



▼何もイジらず、「適用する」を押してください。




▼「現在使用中のブログデザインCSS」

の右側にある「スクロールバー」を使って、下におろしてみてください。





▼一番下まで下がったら、赤字でココと書いてる部分に、以下のコード（英語っぽいやつ＾＾；）をコピーして、貼りつけてください。

.articleText{
font-size:1.2em;
line-height:1.7;
}
.articleText a{
font-weight:bold;
text-decoration:underline;
color:#0033cc;
}
blockquote{
border:2px dotted #333333;
padding:5px;
margin:0px;
text-align:left;
}
.skinMenu2{
font-size:1.2em;
}

▼貼りつけた直後は、こんな感じになります。




▼最後に、「保存ボタン」を押せば、完了です＾＾

緑のボタンですね＾＾　↑↑

さあ！これで、あなたのブログがグッ！と見やすくなりますよ。

・読みやすいブログにするために（２）

やはたでした＾＾

正しいリンクの貼り方とは？

アメブロ集客実践セミナーのやはたです＾＾

■　正しいリンクの貼り方とは？

さて、突然ですが、あなたは、以下のどれかに当てはまりますか？＾＾

（１）リンクという言葉そのものが分からない

（２）リンクの貼り方が分からない

（３）正しいリンクの貼り方が分からない

（１）　リンクという言葉そのものが分からない場合


ハイ、ではサクッと行きましょう＾＾


こちらがリンクです(*＾ー＾)ノ
↓　↓
リンクを貼ってみました！


クリックすると、別ページやサイトに飛べる「文字」や「画像」のことですね。


リンク文字や画像をクリックすると、次の情報へ飛べるわけです。



（２）リンクの貼り方が分からない場合


ハイ、これもやり方を覚えれば、超！がつくほどカンタンです＾＾


今回は、文字にリンクをつけて、別ページへ飛ばす方法です。


では、以下のようなリンクを貼って、「読みやすいブログを書くために」のページへ飛ばしてみましょう。
↓　↓
読みやすいブログを書くために


上記のリンク文字を作る場合、以下の手順でやってください。


▼前もって、飛ばしたいページのURLをコピーしておく




※これは、公開してるページのURLで、左側の一番上の窓にあります。


▼ページURLを、コピーする（右クリックで出ます＾＾）



先ほどのページへ戻って・・・

▼「読みやすいブログを書くために」という文字を、マウスでドラッグ（クリックしながら、字をなぞる）します。



すると、その文字がこのように反転します。

※本当は、反転色はブルーですが、画像はグレーになってますね＾＾；


▼次に、リンクボタンをクリックします。



※リンクボタンは、右上の方にあります＾＾

すると、別のページが開くので・・・

▼さきほどコピーした、URLを貼りつけます。



※赤のラインで囲ってる部分です＾＾


▼すると、こんな感じで貼りつきます。




そして、ここからは、（３）の方も対象となります。


（３）正しいリンクの貼り方が分からない


正しいリンクとは、基本的に

「読者をブログの外へ出さないリンク」

のことです。

※あくまでも基本ですが＾＾；


▼なので、ここでは、「新しいウィンドウ」のままにしてください。



すると、クリックした時に別のページが開いて、元のページが残った状態になるわけです。

「同ウィンドウ」を選択すると、そのまま画面が切り替わってしまいます。


結果的に、読者があなたのブログへ戻れなくなったりしますからね。

注意しましょう！！


▼最後に「リンク」をクリックすれば・・・




▼リンクが貼れるわけですね♪




ちなみに・・・

「別ウィンドウ」で開くリンクがこちら
↓　↓
読みやすいブログを書くために


「同ウィンドウ」で開くリンクがこちら
↓　↓
読みやすいブログを書くために


「同ウィンドウ」の方が、ページから逃げて行きやすいのが分かりますか？＾＾



それでは、また次回


やはたでした＾＾

正しいメールアドレスの書き方とは？

アメブロ集客実践セミナーのやはたです＾＾

■　正しいメールアドレスの書き方とは？


今回は、正しい電話番号の書き方とは？ の続編です。


正しい電話番号の書き方と来れば、次はやっぱり・・・


「正しいメールアドレスの書き方」


ですよね＾＾


これも、基本的には、電話番号と同じなんです。


メルアドをこんな風にのせてる方って、けっこう見かけます。
↓　↓
メールはこちら　office.yahata@gmail.com


でも、これでは、当然、メルアドをいちいちメモすることになるので大変です。


正しくは、こう表記しましょう＾＾
↓　↓
メールはこちら　office.yahata@gmail.com


…と言いたいところですが、メルアドの場合はこうです(*＾ー＾)ノ
↓　↓
メールはこちら


この方法も正しい電話番号の書き方 と同じく、「HTMLタグを表示」でやってくださいね。


▼これのことです＾＾



前回同様、この画面の一番下にある「タブ」で切り替えます(*^ー^)ノ


▼そして、メールアドレスを、以下のタグではさんでください。

<a href="mailto:実際のメールアドレス（半角）">メールはこちら</a>

▼先ほどの例だと、こんな感じです＾＾

<a href="mailto:office.yahata@gmail.com">メールはこちら</a>

すると、こうなります＾＾
↓　↓
メールはこちら


ただ、ここまで書いておいて言うのもなんですが・・・(ﾉ_-｡)


実は、この方法は、あまりおススメではありません。


これよりも、専用の「お問合せフォーム」や、「お申込みフォーム」の方が、ずっと使い勝手がイイからです。


あと、ブログ上にメールアドレスを公開すると、スパムメールなども来やすいんですよね。


なので、どうしてもメルアドをのせたい場合に、使う方法だと思ってください＾＾；


それでは、また次回


やはたでした＾＾