ブログのトップ画像を自分の作ったトップ画像に変更する為に
・現在のトップ画像のサイズの確認
・トップ画像を自分で作ってみよう
を参考にして準備して下さい^^
今回はトップ画像の変更方法を説明しますね。
まずは作成した画像をアップロードします。
ブログの管理画面に行き、
記事投稿→ファイルマネージャで参照をクリックします。

画像をアップロードできたらその画像のURLを確認してください。
次にデザイン一覧→現在適用しているデザインのタイトルをクリックします。

ずらーっと長いスタイルシートが出てきます。
その中にある
#banner{
の
background-image:url
(http://画像が置かれているURLが書かれています);

そこへ先ほどの画像のURLをカッコはそのままにして貼り付けます。
貼り付けたらプレビューボタンで確認してくださいね。
(間違えてしまった時は元に戻したほうが早いので作業をする前に一旦スタイルシートをメモ帳などにまるごとコピーしておくことをお勧めします^^)
確認してOKだったら「スタイルシートを変更する」をクリックします。
これで完成です^^

完成したらブログTOPに行ってみると 文字にかぶっていて少し見えづらいので
画像をJTrimのミラー機能で左右逆にしました。

一度やり方を覚えればイメージを変えたくなったらすぐに変更できるようになりますので
是非チャレンジしてみて下さいね^^
タグ : トップ画像変更
カテゴリ : アフィリエイト入門
ブログのトップ画像を自分の作ったトップ画像に変更する為に
・現在のトップ画像のサイズの確認をしました。
今回は、トップ画像を現在のサイズと同じサイズで作成する方法です^^
画像編集ソフトは無料で使えるソフトで作っていきます。
私が利用しているソフト JTrimで説明しますね。
JTrimを起動させて
画像のサイズを778×246にします。
ファイル →新規作成
横サイズ 778
縦サイズ 246
キャンバスの色 お好みで
これで同じサイズの画像ができました。
しかし、これでは・・・さみしすぎる! ので^^;

お気に入りの画像や文字などを入れてみましょう!
それでは、もう一つJTrimを起動します。
そこにトップ画像で使いたい画像を開きます。
開いたらコピーをクリック。

次に先ほどのさみしすぎる画像(笑)へ行き
合成貼り付けをクリックします。

位置をずらしたりして、気に入った位置にできたら位置確定を押します。
すると、最初にあったトップ画像のサイズの画像が作れます^^
もっと詳しく解説している無料レポートを作成いたしました。
画像が作りたいサイズより小さい時などもお役にたてると思います^^
是非読んでみて下さいね。
『【オタク主婦@花】おされなTOP 画像の作り方初心者さんでも大丈夫!そして伝説へ・・・・?』
タグ : バナー作成
カテゴリ : アフィリエイト入門
ブログを更新したりしていくと、自分らしいブログにしたくなってきます。テンプレートをかえてみたりするとガラっと印象がかわって楽しいですよね^^
トップ画像を自分の作ったものにかえるだけでも印象もかわり自分のブログに愛着が沸きます!
そこでトップ画像を自分の作った画像に変更する方法を説明したいと思います。
変更する前に現在のトップ画像のサイズを確認しておきましょう。
今回はseesaaブログで説明します。他のブログサイトでもこれから説明する方法でサイズの確認ができるので
参考にして下さい^^
ブログを表示して
トップ画像がある場所で
右クリック→名前を付けて背景を保存をクリック します。

保存場所は、デスクトップにすると迷子になりません^^
そして保存した画像にマウスを乗せてみます。
(表示されないときは1回デスクトップでクリックしてからマウスをのせてみてくださいね)

画像のサイズが大きさ778×246と表示されています。
これで、横幅778、高さ246とわかります。
マウスをのせただけでも確認できますが詳しく見たい時は
画像の上で右クリック→プロパティ で確認できます。

上の画像で右クリックしてプロパティを見ると画像のサイズがわかりますが、トップ画像でプロパティを見てみるとサイトのURLが表示されています。なので一旦、デスクトップに保存してサイズを確認しました^^
タグ : 画像のサイズ確認
カテゴリ : アフィリエイト入門
2011年4月30日で販売終了になります。
【教材名】 2wayブログアフィリエイト(2WayBlogAffiliate)
【総合レビュー評価】 90点
【ジャンル】 :ブログ
【対象者】 :初心者~
【価格】 :9,800円
→『2wayブログアフィリエイトレビュー』の詳細ページへ
カテゴリ : ブログ教材レビュー一覧, 教材レビュー評価一覧, 100~90点お勧め商材一覧
【教材名】K氏プロデュース無料ブログテンプレート
【総合レビュー評価】 90点
【ジャンル】 :ブログテンプレート
【対象者】 :初心者~
【価格】 :2,980円
→『K氏プロデュース無料ブログテンプレート – Pro Affiliators Template レビュー』の詳細ページへ
カテゴリ : お勧めテンプレート
画像にリンクを貼るには

画像をクリックしてみてね
こんな感じで画像にリンクが貼れるようになります。インフォトップなどで用意されているアフィリエイトリンクですが、作成フォームでも表示されますがJavaスクリプトの作動に影響が出てアフィリエイト報酬が正常に認識されない例があるのでメルマガ用を使うようにして下さいね。使い方は先ほどのタグと同じです。
画像は自分のPCに一旦保存してサーバーへアップロードして下さいね^^
タグ : 画像にリンク
カテゴリ : よく使うHTMLタグ一覧
画像の横に文字を表示させたい時は

align=”left”

leftにすると画像が左で文字が右に

align=”right”
rightにすると画像が右で文字が左に
ながーく文字を書いていくと画像の横を続けて文字が表示されます。
画像があるのとないのとではサイトの印象がまったくかわってくるのでどんどん利用してくださいね^^
タグ : 画像をまわりこませる
カテゴリ : よく使うHTMLタグ一覧