アイコン素材を使ってブログを装飾する方法
今日は、ブログを装飾しようと思って、アイコンの素材探しに夢中になってしました。

アイコン素材を使ってブログを装飾する方法←このりんごのアイコン、トップページのタイトル欄に入れてみました♪

こういう画像は、アイコン素材といって、いろいろなアイコンの素材を提供してくれるサイトさんがあるんですよ(*´∀`*)
そういう素材やさんからお借りして、アイコン素材を使って、ブログを装飾しています。

今回は、1キロバイトの素材屋さんにお借りしました。
もうひとつ、私がお借りしている素材やさんで、フリー素材 ソザイヤPOMOさんにもかわいいコルクの素材がおいてありますよ♪


アイコン素材を使ってブログを装飾する方法


まず、素材やさんを、検索で探してみてください。
無料で配布してくれている素材やさんはいっぱいあります。
お気に入りの素材を見つけたら、まず、その素材やさんの使用するにあたっての条件がどこかに書いてあります。
「条件」は、だいたい、

素材を使うなら、あなたのサイトにこの素材やさんのリンクを貼ってね!

ということです。
無断で使ってもオッケイな素材やさんもありますが、リンクを貼るのが条件!!という素材やさんは、自分のサイトにリンクを貼ってから使いましょう(*´∀`*)


次に、気に入ったアイコンがあったら、アイコンの上にマウスカーソルを重ねた状態で

アイコン素材を使ってブログを装飾する方法 win 右クリック→名前を付けて画像を保存
アイコン素材を使ってブログを装飾する方法 mac マウス長押し→画像を名前をつけて保存

自分のパソコンに保存したら、あとは、ブログを書くときに、画像の挿入からしのアイコン画像を挿入するだけです。

簡単です(*´∀`*) でパソコンに保存します。その際のファイル名は自由に変えても大丈夫だと思います。


あと、画像の再配布は基本的にしてはいけないようなので、アイコン素材がほしいな~と思ったら、一般的なブログやサイトから借りるのではなく、素材やさんから借りるようにしましょう。


アイコン素材を借りることによるSEO対策


相互リンクで、自分のブログにリンクを貼ってもらうことは、SEO的にとても効果のあることなんだそうです。

私がお借りしている素材やさんには、自分のブログを自分で相互リンク集に乗せてもらえることができます。

今日、私は「1キロバイトの素材屋さん」に素材をお借りしているので、「1キロバイトの素材屋さん」の相互リンク集に載せてもらいました。 →コチラのリンク集に載せてもらいました

「1キロバイトの素材屋さん」のグーグルページランクはなので、SEOてきに非常にありがたいリンクですよね。
Google PageRank(グーグルページランク)とは詳細ページ


「フリー素材 ソザイヤPOMO」さんにも、相互リンク集に載せてもらいました(*´∀`*)
こちらもグーグルページランクはなので、SEOてきに非常にありがたいリンクです!

SEO的に相互リンクを増やしたい、というかたは、無料の相互リンクツールもあるので、試してみてください。
相互リンクを無料で募集できるツール 相互リンカー.com


後もうひとつ、画像をブログの中に取り入れる際に使えるSEO対策もあります。
画像にaltタグ(オルト)を入れてSEO対策
詳しくはこちらのページを見てくださいね(*´∀`*)

FC2ブログカスタマイズ Trackback:(0) | Comments:(2) | [編集] | 投稿者 kyaro ri
ブログライターサイトいちばんのおすすめ 時間がない人は登録必須!
ブログライターサイトで、いちばんのおすすめは、アクセストレードレビューです。

なぜいちばんのおすすめなのかというと、ライター記事の文章を考えなくてもいいからです

ブログライターサイトって書くのに時間がかかりますよね。
子育ての合間なんかにライター記事を書こうと思っても、なかなかまとまった時間が取れなくて断念したり・・・なんてことがあります。

そんな時間がない方でも気軽に、すばやく、パパッとライター記事を書けるサイトがアクセストレードレビューです。

この、おすすめなアクセストレードレビューは、な、なんと!
記事をコピーして貼り付けるだけで報酬がもらえる案件がいっぱいあるんです!!ε= 、_。, 、_。, 、_。, 、_。, 、_。,ヒャヒャヒャヒャッホー

これはお手軽です!!

しかも、ひとつ記事を書くだけで(コピペするだけで)60円もらえます。

60円を侮ってはいけません。
結構1ヶ月でもたまるんですよ~~♪

アクセストレードは、最低換金金額が1000円なんですが、私は、コピペ案件だけで1ヶ月1000円いきます!

ほんといいですよ(*´∀`*)
らくちんです♪


私は、このブログと、もうひとつライター活動用のブログを作っています。
この二つのブログをアクセストレードレビューに登録して、コピペ案件をせっせと書いてます。
2つのブログを登録しているので、ライター案件の依頼も2倍、報酬も2倍ということです。

ブログの登録は、一人につき5つまで登録できるので、5つブログを持っている人は、私の報酬の2倍以上ももらえちゃいます(*ノェノ)キャー


まだ登録していない人は、登録してコピペでバンバン稼いじゃいましょう(*´∀`*)
詳しくは→アクセストレードレビュー 詳細・攻略ページ

アクセストレードレビュー 詳細


オススメ度 ★★★★★
案件金額 1件につき60円~
交換金額 現金1000円~/Pexは1円~
換金先 イーバンク銀行/ゆうちょ銀行/Pexなど
振り込み手数料 無料
審査 あり
報酬獲得方法 ①通常依頼 コピペで60円
②本人利用型 サービスを利用してレビューを投稿
③サンプル応募 サンプルを試してレビューを投稿
アクセストレードレビュー←こちらから無料登録できます!

お勧めブログライターサイトです(*´∀`*)

ブログライター初心者講座 Trackback:(0) | Comments:(6) | [編集] | 投稿者 kyaro ri
表の作り方~テーブルタグの基本 表の大きさを変える方法~
今回は、表の作り方の基本、表の大きさを変える方法の説明をします。

この辺からテーブルタグがちょっとややこしくなってくると思いますが、テーブルタグがわかれば、ブログに表を入れることができるようになるので、がんばりましょう~(*´∀`*)
、br>

表の作り方~テーブルタグの作成その(3)表の大きさを変える~


基本のテーブルタグです

<table border>
<tr>
<td>基本のテーブルタグです</td>
</tr>
</table>





枠を横に広げます


<table border width="400">を入れると、幅が広がります。
"400"の数字を変えるとその長さに変わります。

<table border width="400">
<tr>
<td>枠を横に広げます</td>
</tr>
</table>





枠を縦に広げます


<table border height="200">を入れると、縦幅が広がります。
"200"の数字を変えるとその長さに変わります。

<table border height="200">
<tr>
<td>枠を縦に広げます</td>
</tr>
</table>





枠を横に広げて中央に文字


中央に寄せたい枠の<tr>~<tr>を、<td align=center>~<tr>にします。
centerは真ん中
rightは右
leftは左
になります。
<table border width="400">
<tr>
<td align=center>枠を横に広げて中央に文字</td>
</tr>
</table>





1-1 2-2
3-3 4-4


複数の表ので、幅を400にしてみました。

<table border width="400">
<tr>
<td>1-1</td>
<td>2-2</td>
</tr>
<tr>
<td>3-3</td>
<td>4-4</td>
</tr>
</table>





1-1 2-2
3-3 4-4


複数の表ので、上の段を中央よせ、下の段は3-3だけ右寄せにしました。
<tr><tr align=center>に変えると、その行が全部中央よりになります。
<td><td align=right>に変えると、そのセルだけが右寄りになります。
何も指定がない場合は、左寄りになります。

<table border width="400">
<tr align=center>
<td>1-1</td>
<td>2-2</td>
</tr>
<tr>
<td align=right>3-3</td>
<td>4-4</td>
</tr>
</table>





こんな感じです~
次回は、セルの融合の仕方を紹介したいと思います~

表の作り方 Trackback:(0) | Comments:(0) | [編集] | 投稿者 kyaro ri
表の作り方~テーブルタグの基本 表の数を増やす方法~
今回は、表の作り方の基本、表の数を増やす方法の説明をします。

私も表の作り方の勉強をかねて、テーブルタグの基本を紹介していきま~す(*´∀`*)


表の作り方~テーブルタグの作成その(2)表の数を増やす~


基本のテーブルタグです

 
<table border>
<tr>
<td>基本のテーブルタグです</td>
</tr>
</table>




横に増える 横に増える 横に増える

<td>~</td>を増やして、横の列を増やします。
<table border>
<tr>
<td>横に増える</td>
<td>横に増える</td>
<td>横に増える</td>
</tr>
</table>




縦に増やす
縦に増やす
縦に増やす

<td>~</td>を増やして、縦の列を増やします。
<table border>
<tr>
<td>縦に増やす</td>
</tr>
<tr>
<td>縦に増やす</td>
</tr>
<tr>
<td>縦に増やす</td>
</tr>
</table>




上の二つを組み合わせると、こんな感じになります。
表ができました 表ができました 表ができました
表ができました 表ができました 表ができました
表ができました 表ができました 表ができました

<table border>
<tr>
<td>表ができました</td>
<td>表ができました</td>
<td>表ができました</td>
</tr>
<tr>
<td>表ができました</td>
<td>表ができました</td>
<td>表ができました</td>
</tr>
<tr>
<td>表ができました</td>
<td>表ができました</td>
<td>表ができました</td>
</tr>
</table>




こんな感じで表ができるんですよ~(*´∀`*)

次回は、表の大きさや枠の太さなどについて紹介したいと思ってます。

表の作り方 Trackback:(0) | Comments:(3) | [編集] | 投稿者 kyaro ri
表の作り方~テーブルタグの基本 色を変える方法~
さてさて、最近やっとブログで表を作るための基本のテーブルタグの意味が解ってきました。

ブログに表を作りたい!!
テーブルタグを使いたい!!

と思っていれば、いずれできるようになるんだなぁ、と実感。
ブログに表が作れるようになるように、私の勉強もかねて、基本から説明していきます~(*´∀`*)


表の作り方~テーブルタグの作成その(1)色を変えてみる~


基本のテーブルタグです

<table border>
<tr>
<td>基本のテーブルタグです</td>
</tr>
</table>




枠を太く、立体的にします

<table border="5">
<tr>
<td>枠を太く、立体的にします</td>
</tr>
</table>
<table border> を、<table border="5">に変えました。
数字が増えれば増えるほど太くなります。



枠を太くします

<table border cellspacing="5">
<tr>
<td>枠を太くします</td>
</tr>
</table>
<table border> を、<table border cellspacing="5">に変えました。
数字が増えれば増えるほど太くなります。



枠の中だけ色をつけます

<table border>
<tr>
<td bgcolor="#ff9999">枠の中だけ色をつけます</td>
</tr>
</table>
<tr>を、<td bgcolor="#ff9999">に変えました。
#ff9999のところ変えると枠の中の色が変わります。



枠にも色をつけます

<table border bgcolor="#660000">
<tr>
<td bgcolor="#ff9999">枠にも色をつけます</td>
</tr>
</table>
<table border>を、<table border bgcolor="#660000">に変えました。
これだけ変えると、表全体の色が変わりますので、併せて<tr>も変えます。

<tr>を、<td bgcolor="#ff9999">に変えました。
#ff9999のところ変えると枠の中の色が変わります。

これで、枠の色、中身の色が変わります。



枠だけに色をつけます

<table border bgcolor="#660000">
<tr>
<td bgcolor="#ffffff">枠だけに色をつけます</td>
</tr>
</table>
<tr>を、<td bgcolor="#ffffff">に変えました。
#ffffffこれは、白の色なんですが、中身の色は白に色指定しないと枠だけ色をつけることは出来ません。

自分のブログの背景の色と合わせた色指定をすると、枠だけに色をつけることが出来ます。



外枠を二重線しました
 
<table border bordercolor="#660000">
<tr>
<td >外枠を二重線しました</td>
</tr>
</table>
<table border bordercolor="#660000">にすると、外枠が二重になります。




こんな感じですが、タグって大変ですよね(;´д`)
解ってしまえば楽なんでしょうけど・・・。

もし間違いがあったりしたら教えてくれると助かります~♪

次回は、表の増やし方を書こうと思います(*´∀`*)


表の作り方 Trackback:(0) | Comments:(0) | [編集] | 投稿者 kyaro ri
ノートパソコンを安くお特に買う方法
ノートパソコンが欲しくて、どうにかして、安く、お得に手に入らないものかと考えていました・・・。

ついに、激安でお得にノートパソコン買いましたぁ(´∀`)

ポイントサイト経由でお得に!


ぐふふふ(´∀`)
安かったど~
ポイントもたまってかなりお買得だったよ~

そのお値段、な、ななんと、3年間保証付で

38200円!!

安いですよね??

ぐふふふ・・・

今日届きました。
早速使って記事かいてます。


でも、使い慣れていないせいか、キーボード堅くて打ちミスしまくり・・・・
しかもさっき全部この記事消してしまったし・・・(泣)
ビスタ漢字変換おかしいし~(泣)

パソコンを安く、お得に買う方法


パソコンを安く、お得に買う方法、それはずばり、ポイントサイト経由で買ってください!!
ポイントサイトって何??という方は→ポイントサイトで稼ぐとは 詳細ページ

私のパソコン、ECナビ経由で買ったんですけど、ECナビポイントがこのお買い物で、6080ポイントもつきます(*´∀`*)

ぐふふふ・・・

ということは、608円お得にパソコン買えちゃったということです。

結局、このノートパソコンのお値段、37592円ってことになりました。


むふふふふ・・・

皆さんもお買い物するときは、ポイントサイト経由でお買い物すると、何パーセントかお得にお買い物できちゃいますよ~♪

しかも、今回私が利用したECナビは、価格.comのような価格比較サイトでもあるので、結構いろんな種類のお買い物ができます。
しかも比較してくれてるので選びやすいし、なかなかおすすめです♪

お得なポイント貯まる!ECナビ←こちらから無料登録出来ます!ECナビの詳細はこちらからどうぞ

ポイントサイト初心者講座 Trackback:(0) | Comments:(5) | [編集] | 投稿者 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のところに好きな色を入れてみてください♪

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

タグのお勉強 Trackback:(0) | Comments:(4) | [編集] | 投稿者 kyaro ri


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