超実践!オリジナルスキンの作り方(初心者編) | 本を片手に、どこまでも。

超実践!オリジナルスキンの作り方(初心者編)

8月21日に受講した松原靖樹さんの集客できるブログセミナーに参加した私

http://hama-sush-jp.pro/ym11/entry-10129962693.html



それまでアメブロにあるスキンを使ってブログを書いていたのですが


1)イメージに合うものがなく、適当に選んでいた

2)選んでいたスキンの字が薄くて読みずらい


などなど自分でもどうにかならないものかと思ってました



すると松原師匠が、「HPに合わせてカスタマイズするのもいいんじゃない」と

一言


あまりクールに(まなざしはホット)に言われたので、思わずうなずいていた私

('-'*)(,_,*)('-'*)(,_,*)



SVAトップ

こちらそのHP

http://www.sva.or.jp/



カスタマイズって外注 !?


と思いましたが、「金をかけずに自分でできるところまでやってみるか」という

探究心が芽生え、家に帰ってさっそくいじってみることに


子どもの頃の泥遊びの感覚


HPにあるハートマークを入れたいなぁと思いました





まず最初にしたのが明らかにアメブロにあるスキンをいじっている

松原さんのブログをじじっと見る


ストーカー!? (((( ;°Д°)))) 


背景がグレーだ、ということを発見


それでアメブロのスキンを一つ一つ見てみると



ベーシックのスキン

ありましたベーシックスキン

こちらを選択

それを選んで、一回その画面の上に戻ると



スキンのカスタマイズ


「スキンのカスタマイズ」をクリックすることが

できるようになります


すでにデザインされているスキンを選ぶと、こちら

クリックできないんですよ~


それでそこをクリック



パターンイメージ


すると画面一番上に、「ヘッダー」という項目が見えます

そこに「画像:パターンイメージより画像が優先表示されます。」

という項目があります


そこにブログの頭の部分に入れたいデザインの画像を

読み込ませます


私は、HPのハートを入れたかったので、それを読み込ませました




はい、ここまでやると完成なのですが、プレビューを見てみると

微妙に違和感 あせる


私の場合は、タイトルとサブタイトルがくっつきすぎていて、

ごちゃごちゃして読みずらい


またもう少し、タイトル部分の高さを取れればと思いました


そこでどうしたかというと・・・





ここまで来て、画像が読み込めなくなった

アメブロくん頑張ってくれ!!


ということで、こちらなんと続きます

お楽しみに~