知識・得意を売り買いできる、プチ起業家さんへおすすめサイト

女性の起業家さん達が急増している今。
自分のサービスをもっと広く提供したいっ！と思っている方は数多いらっしゃるハズ。
そんな要望にこたえたサイトをご紹介

今回は
●ママの副業
●これから起業をする方
●プチ起業家さん　
●サービス価格が500～5,000円前後の方
比較的向いているかと思います。

登録と出店が無料なので、出店場所のヒトツとして。

その名は［ｃｏｃｏｎａlａ　ココナラ]

あなたの得意でハッピーが広がるワンコインマーケット
友達に聞かれたり、お願いされるような「あなたの得意」を簡単出品。
恋愛の相談から本格占い、キャッチコピー・ロゴ・イラスト作成まで全て500円から売買できます。

（本家サイト抜粋）

• 登録は無料
• 妊娠、子育てのお悩み相談、旅行のプランや美味しいお店紹介コンシェルジュ、語学、不動産、暮らし住まい、その他、、、まさに「あなたの得意」を出店できる場所！
• 500円からのお仕事、依頼、受注。
• 出展者は評価と件数が積み重なると2,000円、3,000円や5,000円の商品も販売できるようになります。（出展者ランク）
• ココナラが出展者を紹介してくれる時もあるので、お仕事が広がる予感も。
• 報酬額（売上）25～30％はココナラへ。
• ココナラ内でのメールのやり取りだけでなく、電話占い、霊視など、電話サービスもできる！

ココナラホームページ　http://coconala.com/
ページ　http://coconala.com/pages/about?gclid=CKGXytuhi8UCFVgHvAodKr0AXg

こういう出店場所や出店ツールは色々あるので
これからも紹介していきますね（*＾＾*）

アメブロのリンク文字に触れるとふわりと色が変わる方法

今回はちょっとした演出方法をご案内します。
このBlogでもやっていますが、
リンクの貼ってある文字にマウスが触れると、ゆっくりと色が変化していきます。
優しいフェードが女性向け♪

些細な所なのですが「リンクの装飾」は意外と重要。
マウスが触れた時にアクセントがあると人は反応し、ボタンを押しやすくなります。
（テキストリンクが激しく動きまわるとウザイと思われる要因になるため、
　臨機応変を推奨します）

例）　　CSSで設定をしていない　通常のリンク
例）　　CSSで設定でふわりと変わる　リンク

設置方法です♪
管理画面の「CSSの編集」ページを開いて
ちょっとスクロースで下がり「(1) 文字のスタイル」の所に記載されている
「リンク」「訪問済みのリンク」「マウスオーバーした時のリンク」を書き換えます。

/* リンク */ .skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{ color:#423d38; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; }
/* 訪問済のリンク */ .skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{ color:#423d38; }
/* マウスオーバーしたときのリンク */ .skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{ color:#ffc703; }

お好みで色を指定変更する場所は3ケ所！
color：6ケタの数字アルファベットが色指定コード。
HTMLカラーピッカーサイトで色のコードを調べる事が出来ます »　#●●●●●●　

「0.3ｓ」は3秒かけて変化する秒数の指定です。0.9s等にするとさらにゆっくりと変化します。

お好みでアレンジをどうそ～

第3回　「アメブロのリンク文字に触れるとふわりと色が変わる方法」でした

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

私ごと。。。
アメブロヘッターやカスタマイズ制作させていただいたりしているのですが
（とても素敵なお客さまばかりなので早くご紹介したい！）
このブログの趣旨でもあるカスタマイズネタが少ないと思い、
悩んだ結果、こちらの記事を先にアップ。

ネタの重複を気にせずに記載できる私のホームページのBlogの方に先に
五月雨でご紹介をさせていただこうなど思いつつ。
（25日までにはアメブロでもご紹介するぞと自分への宣言）

更新にそそげる労力が足りず、アレモコレモ書きたいと気持ちばかりが募っています。

買い物がちょっとお得になるサイト

「5月10日記載、予約投稿分」

夕食などのお買い物がちょっとだけお得になるので、たまに使用している便利サイトのご紹介。
（主婦の方には特にオススメ♪）

その名は「レシポ」　https://recipo.jp/

少し前にTVで取り上げられて、サーバーがダウンしてしまう程賑わったようです

レシポHPに掲載されている商品の購入レシート画像を送るとポイントが溜まります
私はこれをAmazonのギフト券に変えて、書籍購入を目指しています（笑）

同じものを購入するのなら、ポイントが付いた方が嬉しい

アメブロヘッターデザイン

アメブロのヘッターデザインをさせていただきました

「ペットの気持ち」さま　

アニマルコミュニケーターとしてペットの気持ちに寄り添い、ヒーラーとして飼い主さんの気持ちをサポートしてご活躍をされていらっしゃる、ももっちさまのBlogです。

※ナビゲーションはご自身で設置されています

「＊＊ けぃご ときどき ぢゅり ＊＊」さま
「産まれた時から聴こえず話せずのけぃごと共にパートナーのぢゅり目線で綴るちょっと地味めな老後LIFE」と説明をご記載されていらっしゃいますが、
「晴れの日も、くもりの日も、雨の日だって2人なら幸せが舞い上がる HAPPY LIFE♪ BLOG」と私はお伝えしたいホットで素敵なBLOGです

※後からの掲載のお願いに快諾下さりありがとうございます！

楽しくお二人のお客さまのバナーを制作させていただきました
制作に携われてとても光栄にでした（*＾ ＾*）
（掲載許可をありがとうございます！）

HPやBlogをデザインをするメリットについて少し語ります（笑）
2015年現在は持っているのが当たり前のような、HPやBlog。
沢山ありすぎると、人は訪れたHPやBlogの「中身を読む」労力を惜しむようになります。

これは「合コン」「お見合いパーティ」など、マッチングに例える事が出来ます。
目の前に100人も候補がいたらまず人は「絞る事◎」「選ぶ×」から始めます。
「見た目と印象」という項目でふるいを掛ける作業を無意識にしてしまう人が圧倒的。
中身を良く知ろうとするのはある程度数を減らしてから。

HPやBlogにおいての見た目と印象とは、、、
　 訪れた瞬間で視界に入る「デザイン　評価　2秒」（見た目）

　 「タイトルや文章、コンテンツ　チラ見 10秒」（印象、自分に合うか）
数秒で、それ以上読もう（知ろう）とするか、否かを判断されてしまいます。

HPやBlogのデザインを良くし、ファーストイップレッションを上げておくことは
興味を持たれやすくなる（選ばれる）タメのポイントだと考えています

ちょっとでも目を惹く事ができるよう、
お客様の個性と魅力が表現できるよう、日々まい進していますっ

SAMPLEバナー　

96/crocusでは、Blogカスタマイズも承っております　詳しくはコチラ >>

アメブロの文字（書体）をお洒落で読みやすいフォントに変更しよう

今回はアメブロカスタマイズでも、基本の「き」的な所を変更するご提案です。

記事を読んでもらうためには、、、
*　内容が面白い
*　写真を飾る
*　フォントサイズ、色を変えてメリハリをつける
確かにその通りです。

ですが、その前に
文字自体をお洒落な書体に変えてみませんか？
ブログは全体の半分近くが文字です。
そのフォントが柔らかくなるだけで、全体の印象は大幅に改善されます
装飾、云々の前に、読みやすいフォントと行間を設定をしましょう♪
文字も立派なデザイン要素のヒトツです。

百聞は、、、なので、下に比較サンプル画像を貼りました。
左がデフォルト設定。行間も結構キュウキュウしています。
右が「メイリオ」というフォントにして行間を開いた設定をCSSでカスタマイズしています。

好みという所もありますが、女性向けの場合であれば確実に右をオススメします。

メイリオについて
Windows Vista 以降のマイクロソフト制のOSで標準搭載されているフォントです。
（強引簡易訳：今のPCにはたいてい入っています。）

それでは、CSSを弄ってメイリオフォントにする方法です！
（Macやスマフォで閲覧するとヒラギノ系「メイリオにやや似ている」フォントがデフォルト設定なので、Windowsで閲覧している人にとって有効なカスタマイズです）

1）CSSの編集　を開きます
何処でも良いのですが、
整理という視点から/* (1-1) 全体の文字の下に以下のタグを設置。

.skinFrame {  font-family:"ヒラギノ角ゴ Pro Ws3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
.articleText{line-height:1.8em }

2）保存。これで完了です

タグの補足（変更したくない場合は.articleTexから削除してタグを貼ってください）
line-height:　行間。数値を変更して調整可能。

今後も、アメブロを使いやすく便利にする情報を定期的に記載していきます

いずれは、簡単な「アメブロカスタマイズ講座」や「テンプレート配布」もできたら良いなと思っています。

第2回　「アメブロの文字（書体）をお洒落で読みやすいフォントに変更しよう」でした。