<li>段落表示するときは</li> <..."/> タグのお勉強 子育てしながらお小遣い稼ぎ ネットで内職
初心者さんおすすめお小遣いサイト~サイト別~

アンケートサイトでお小遣い稼ぎ
ネットでのお小遣い稼ぎ初心者さんは、まずアンケートサイトから始めまましょう!!
アンケートに答えるだけで稼ぐことが出来ます(*´∀`*)
おすすめです!

rain rain


rain rain

アンケートサイト詳細 アンケートサイト

ブログライターでお小遣い稼ぎ
ブログライターサイトで確実にお小遣い稼ぎをしましょう!!
ブログライターは、ブログに記事を書くだけで、必ず報酬が貰えます(*´∀`*)
おすすめです!!

rain rain


rain rain

ブログライターサイト

ポイントサイトでお小遣い稼ぎ
ポイントサイトで楽しくお小遣い稼ぎをしましょう!!
ポイントサイトは、毎日のコツコツした成果が必ず報酬として表れます(*´∀`*)
稼げる方法がたくさんあります!!



アフィリエイトでお小遣い稼ぎ
沢山の収入が欲しい方は、アフィリエイトでお小遣い稼ぎをしましょう!!
アフィリエイトでは稼ぎ方がいろいろあり、多くの収入を得る事ができます。

rain rain


rain rain

個別記事 アフィリエイトサイト

ネットで内職 広告配信サイトで稼ぐ
ブログに広告を貼ってお小遣い稼ぎをしましょう!!
広告配信サイトとは、広告をクリックされるだけで必ず報酬が貰えます(*´∀`*)






個別記事 メールサイト個別記事

ブログの作り方
ブログを作る時に参考になるよう、FC2ブログの登録方法からブログカスタマイズ方法まで掲載しています。
初心者が一から勉強していることなので、初心者さんのお役に立てるんじゃないかな??と思ってます(*´∀`*)

rain rain

rain rain

SEO対策・アクセスアップ
ブログを作る時に参考になるよう、初心者なりにSEO対策を掲載しています。
初心者が一から勉強していることなので、初心者さんのお役に立てるといいな、と思ってます。

rain rain

rain rain

カテゴリー [タグのお勉強]


ブログで文字を右寄せにする方法
今日ブログを作っていて、文字を右寄せする方法が分かったので紹介しておきます(*´∀`*)


こんな感じで右に字を寄せるには


<div align = "right">こんな感じで右に字を寄せるには</div>


このように<div align = "right">~~</div>で囲ってあげましょう♪


ちなみに、
中央寄せは・・・


<div align="center">~~</div>


です♪
ちなみに、左にしたいときは、leftに変えるだけです(*´∀`*)

関連カテゴリー シェアしてくれるとうれしいです♪クリック

ブログランキング
blogram投票ボタン にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ
タグのお勉強 Trackback:(0) | Comments:(2) | [編集] | 投稿者 kyaro ri
画像の横に文字を書く方法
普通に画像を挿入するだけでは画像の横に文字は書けませんよね(;´д`)

そんなときは、 align="left" を使って、画像の横に文字を書けるようにしましょう。

画像の右横に文字を書く方法


023.jpg このように、画像の右横に文字を書きたいときは、align="left"を使います(*´∀`*)

ちなみに、この写真は仕事道具です♪

もう切れが悪くなってきているので、砥ぎに出さないといけないんですよね・・・(。-`ω´-)ンー


<img src="http://blog-imgs-24.fc2.com/k/y/a/kyarori/023s.jpg" alt="023.jpg" border="0"align="left" width="200" height="140" /> このように、画像の右横に文字を書きたいときは、align="left"を使います(*´∀`*)

ちなみに、この写真は仕事道具です♪<br clear="all">

もう切れが悪くなってきているので、砥ぎに出さないといけないんですよね・・・(。-`ω´-)ンー



border="0"の後に、align="left"を入れてあげると、文字が横に書けるようになります。
<br clear="all">を入れる直前の文章までが、横に来て、それ以降は下に表記されます。


画像の左横に文字を書く方法


023.jpg


このように、画像の右横に文字を書きたいときは、align="right"を使います。


下に書くときも同じく、<br clear="all">を使いうと、文字を画像の下に書くことができます(*´∀`*)


<img src="http://blog-imgs-24.fc2.com/k/y/a/kyarori/023s.jpg" alt="023.jpg" border="0"align="right" width="200" height="140" />

このように、画像の右横に文字を書きたいときは、align="right"を使います。
<br clear="all">

下に書くときも同じく、<br clear="all">を使いうと、文字を画像の下に書くことができます(*´∀`*)


border="0"の後に、align="right"を入れてあげると、文字が横に書けるようになります。
<br clear="all">を入れる直前の文章までが、横に来て、それ以降は下に表記されます。



意外と簡単に使えますよ~(*´∀`*)
でも、覚えるの大変ですよね~

関連カテゴリー シェアしてくれるとうれしいです♪クリック

ブログランキング
blogram投票ボタン にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ
タグのお勉強 Trackback:(0) | Comments:(14) | [編集] | 投稿者 kyaro ri
ブログで文章や画像中央寄せにする方法
ブログで文章や画像を中央寄せしたいときには、タグを使います。


こんな風に中央に配置したいときには


<div align="center">こんな風に中央に配置したいときには</div>


このように、<div align="center">~~~</div>で囲ってあげます。


中央寄せするだけで、ブログの記事の印象が変わってくるし、見やすくなってくるとおもうので、使ってみてくださいね(*´∀`*)




ちなみに、右に寄せたいときは、

右に寄せたいとき


<div align="right">右に寄せたいとき</div>


と、centerを、rightにするだけです(*´∀`*)



関連カテゴリー シェアしてくれるとうれしいです♪クリック

ブログランキング
blogram投票ボタン にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ
タグのお勉強 Trackback:(0) | Comments:(7) | [編集] | 投稿者 kyaro ri
リストを使って段落表示を見やすくする方法
段落表示するときはリストタグを使ったほうが、SEO的にもいいそうなので、箇条書きする時などに使ってみてください(*´∀`*)

検索エンジンは、文章ではなく、HTLMを読むので、出来るだけタグなどを使ってすっきりさせたほうがいいんだそうです。


●段落表示するときは
●リストタグを使うと
●いいですよ
●(*´∀`*)


これをタグを使って書くと、このようになります。

<ul>
<li>段落表示するときは</li>
<li>リストタグを使うと</li>
<li>いいですよ</li>
<li>(*´∀`*)</li>
</ul>




黒丸を数字の番号に変えたいとき

<ol>
<li>段落表示するときは</li>
<li>リストタグを使うと</li>
<li>いいですよ</li>
<li>(*´∀`*)</li>
</ol>




黒丸を画像に変えたいとき

<ul STYLE="list-style-image: url(img src="http://blog-imgs-24.fc2.com/k/y/a/kyarori/aicon_138.gif);">
<li>段落表示するときは</li>
<li>リストタグを使うと</li>
<li>いいですよ</li>
<li>(*´∀`*)</li>
</ul>




これで、黒丸の変わりに、画像が入ります。
UP←この画像は、↓このようなタグなんですが、この赤いところを入れてください。

<img src="http://blog-imgs-24.fc2.com/k/y/a/kyarori/aicon_138.gif" alt="UP" border="0" width="23" height="15" />






わたしの使っている画像リストは、スタイルシートに設定してあるので、通常の黒丸になる<ul> <li> </li> </ul>を使用するだけで画像になります。

画像を常に使いたい、とゆうかたは、スタイルシートに下記を入れましょう!

ul{ list-style-image: url(http:~~~);}




わたしが使っているテンプレートは最初からリストタグが画像になるように設定されていました。

リストタグの文字の色を変えたい場合は、

li {color: #777777;}




#777777のところに好きな色を入れてみてください♪

以上です(*´∀`*)
意外と簡単なので使ってみてください♪



関連カテゴリー シェアしてくれるとうれしいです♪クリック

ブログランキング
blogram投票ボタン にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ
タグのお勉強 Trackback:(0) | Comments:(4) | [編集] | 投稿者 kyaro ri


Copyright © 子育てしながらお小遣い稼ぎ ネットで内職 All Rights Reserved. Powered By FC2. 
skin:*cuteblog*    美容用品 /妊娠.出産