メルマガ登録
インフォトップランキング
ブログ生中継

ブログバナーの画像を変更する その1:アフィリエイト入門

magchecker.jpg 【最配布可】 『まぐちぇっかあ』

〜 まぐまぐの代理登録を使わないで
メルマガの読者を増やす方法 〜


もし、あなたが、

「リスト取りのためのプレゼントはあるのに、
まぐまぐの代理登録費用は高すぎて・・・。」

と一度でも考えたことがあるなら、

まぐまぐの代理登録を使わずに、
まぐまぐ以外のメール配信システムも使わずに、
ほったらかしで、
メルマガの読者を増やす方法があるのですが・・・。


つづきを読む

ブログバナーの画像を変更する その1

バナーとは、「旗」とか「たれ幕」といった意味があります。



ブログの一番上の見出し部分もバナーと言ったりします。



訪問者が一番初めに目にする部分ですから、
とても大切なところです。



ブログの顔と言ってもいいでしょう。



ですから、できれば、他は手が回らなかったとしても、
ここだけでも自分オリジナルの画像を貼り付けたいところです。



方法は2つあります。



ひとつは、Seesaa ブログの機能を使う方法で、
とても簡単にできるのですが、
用意されている画像に限りがあります。



もうひとつは、自分で探してきた画像や、
自分で撮影した写真などをアップロードして貼り付ける方法で、
この方法は、画像をブログに合わせて縮小したり切り取ったりする必要があります。
レイアウトもある程度自分で考える必要がありますが、
このあたりは、楽しいと感じるか面倒と感じるかは人それぞれですね。



それでは、まず、Seesaa ブログの機能を使ってやってみましょう。






メンテナンスページの[デザイン一覧]をクリックします。

seesaa327b.jpg






「写真を選んでテンプレートにできる!」のバナーをクリックします。

seesaa327c.jpg






このようなページが開きます。

seesaa327d.jpg






まず、写真を選びます。

「Blogテンプレートカテゴリー」もしくは、
「オススメ画像」の中からお好みの写真を選ぶのですが、

seesaa327e.jpg






桜の写真を選んでみます。

写真もしくは[BLOGテンプレート]をクリックします。

seesaa327f.jpg






切り抜き範囲に対して写真が大きすぎる場合は、
[画像を縮小してから切り抜く]をクリックします。

Seesaaseesaa327g.jpg






写真に対する切り抜き範囲が大きくなったら、
切り抜きたい範囲を選んでクリックします。

seesaa327h.jpg






この範囲でよければ、[送信]をクリックします。

(選びなおしたい場合は、もう一度画像の上でクリックします。)

seesaa327i.jpg






コンテンツのレイアウト

タイトルの位置

タイトルの色

ブログ説明の色

をそれぞれ、選択します。

seesaa327j.jpg






下の方にプレビューが表示されていますので、
それを確認しながらいろいろ試してみてください。






今回は、
コンテンツのレイアウトは、左サイドバー、
タイトルの位置は、右上、
タイトルの色は、白、
ブログ説明の色は、赤
で作ってみました。

seesaa327k.jpg






コンテンツのレイアウトが、
左サイドバーか右サイドバーかは、
このあとで必要になりますので覚えておきましょう。






よければ、[この内容で決定]をクリックします。

seesaa327l.jpg






スタイルシートが作成されました。

seesaa327m.jpg






スタイルシートが表示されている枠の中で右クリックして、
[すべて選択]をクリックします。

seesaa327n.jpg






すべて選択(文字が反転)されたらもう一度右クリックして
[コピー]をクリックします。

seesaa327o.jpg






次に、 Seesaa ブログのメンテナンスページのデザイン一覧で、
「適用」するデザインを選ぶのですが、
今回、「左サイドバー」で作っていますので、
ここで選ぶデザインもそれに合わせてやる必要があります。

seesaa327oo.jpg






「若草」は右サイドバーですので、
これに左サイドバーで作ったスタイルシートを適用すると、
レイアウトが崩れてしまうのですね。






今回は、左サイドバーで作っていますので、
「ライトグレー(左サイドバー)」を「適用」し、

(あなたが右サイドバーのものを作られた場合は、これはやりません。)

seesaa327p.jpg






[ライトグレー(左サイドバー)]をクリックします。

(あなたが右サイドバーのものを作られた場合は、
[若草(右サイドバー)カスタマイズ]をクリックします。)

seesaa327pp.jpg






スタイルシートが表示されている枠の中で右クリックして、
[すべて選択]をクリックします。

seesaa327q.jpg






すべて選択(文字が反転)されたらもう一度右クリックして
[貼り付け]をクリックします。

seesaa327r.jpg






もし、前回、プロフィールのデザインを個別設定にされた場合は、
ここで、次の作業をやっておく必要があります。



まず、[Ctrl]キーを押しながら[F]のキーを押します。






このような検索窓が表示されますので、

seesaa327s.jpg






side と入力し、[次へ]をクリックします。

seesaa327t.jpg






何回かクリックすると、

.side {

と書かれたところが見つかります。

seesaa327u.jpg






見つかったら、、
.side のタグに関する内容( .side から } まで)を選択して、
右クリックして[コピー]をクリックします。

seesaa327v.jpg






.side の前の行でクリックして、

seesaa327w.jpg






カーソルを点滅させます。

seesaa327x.jpg






もし、行が空いていないときは、
エンターキーを押して、1行空けておくと見やすいです。

seesaa327y.jpg






点滅しているカーソルの上で右クリックして[貼り付け]をクリックします。

seesaa327z.jpg






同じもの( .side タグとその内容)が2つできます。

seesaa327zz.jpg






どちらか一方の .side を .profile に書き換えます。

seesaa327za.jpg






よければ、スタイルシートタイトルを適当な名前に書き換えて、
[スタイルシートを変更する]をクリックします。

seesaa327zb.jpg






「設定を変更し、CSSをビルドしました。」と表示されたらOKです。

(この画面はこのままにしておいてください。)

seesaa327zc4.jpg






見てみましょう。

seesaa91.jpg

もしくは、

seesaa11.jpg






こんな感じです。

seesaa327zc.jpg







===



メルマガ

 → http://archive.mag2.com/0000224526/index.html



===



お役に立てましたらクリックお願いします。

 → 人気ブログランキングへ



===

この記事へのコメント



コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
目次

アフィリエイトの基礎知識:知ってるつもりだったけど(14)


○○とは?シリーズ:知ってるつもりだったけど(1)


ソフト&用途別メールアドレス:ツール(3)


ブログの開設:ネットでお店(ブログ)を出そう(6)


ブログのカスタマイズ:ネットでお店(ブログ)を出そう(7)


ブログのSEO対策:ネットでお店(ブログ)を出そう(3)


ブログの記事が書けないときは:ネットでお店(ブログ)を出そう(1)


ブログのカスタマイズパック:ネットでお店(ブログ)を出そう(1)


資金調達(工事中):資金調達(0)


メルマガ読者限定:特典(1)


amaのアフィリエイト特典:特典(1)


ネットビジネス・ワールドマップ:アフィリエイト入門推奨教材(1)


PPCアフィリエイト:私はこうやって稼いでいます(2)


和佐大輔さんの無料オファー:無料なのに凄いもの(1)



×

この広告は180日以上新しい記事の投稿がないブログに表示されております。