2010年12月 のアーカイブ | ブログアフィリエイトで稼ぐ3つのポイントをオタク主婦が公開中

ブログのトップ画像変更

ブログのトップ画像を自分の作ったトップ画像に変更する為に
現在のトップ画像のサイズの確認
トップ画像を自分で作ってみよう
を参考にして準備して下さい^^

今回はトップ画像の変更方法を説明しますね。

まずは作成した画像をアップロードします。

ブログの管理画面に行き、
記事投稿→ファイルマネージャで参照をクリックします。
画像をアップロード

画像をアップロードできたらその画像の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が表示されています。なので一旦、デスクトップに保存してサイズを確認しました^^

よく使うHTMLタグ一覧表

タグ一覧表

2wayブログアフィリエイトレビュー

2011年4月30日で販売終了になります。

2wayブログ画像【教材名】 2wayブログアフィリエイト(2WayBlogAffiliate) 
【総合レビュー評価】 90点 

【ジャンル】 :ブログ
【対象者】 :初心者~
【価格】 :9,800円

→『2wayブログアフィリエイトレビュー』の詳細ページへ

K氏プロデュース無料ブログテンプレート – Pro Affiliators Template レビュー

商品イメージ画像【教材名】K氏プロデュース無料ブログテンプレート  
【総合レビュー評価】 90点 

【ジャンル】 :ブログテンプレート
【対象者】 :初心者~
【価格】 :2,980円

→『K氏プロデュース無料ブログテンプレート – Pro Affiliators Template レビュー』の詳細ページへ

画像にリンクを貼る

画像にリンクを貼るには

<a href="リンク先URL"><img src="画像のURL" alt="画像の説明" /></a>

花の正体

画像をクリックしてみてね

こんな感じで画像にリンクが貼れるようになります。インフォトップなどで用意されているアフィリエイトリンクですが、作成フォームでも表示されますがJavaスクリプトの作動に影響が出てアフィリエイト報酬が正常に認識されない例があるのでメルマガ用を使うようにして下さいね。使い方は先ほどのタグと同じです。

<a href="メルマガ用のアフィリURL"><img src="画像のURL" alt="画像の説明" /></a>

画像は自分のPCに一旦保存してサーバーへアップロードして下さいね^^

画像の横にテキストを回り込ませる

画像の横に文字を表示させたい時は

<img src="画像のURL" alt="画像の説明" align="left" />
align=”left”

スーパー花

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

<img src="画像のURL" alt="画像の説明" align="right" />
align=”right”

スーパー花

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

ながーく文字を書いていくと画像の横を続けて文字が表示されます。

画像があるのとないのとではサイトの印象がまったくかわってくるのでどんどん利用してくださいね^^

ブログアフィリエイトで稼ぐ3つのポイントをオタク主婦が公開中 TOP » 2010年12月 のアーカイブ

大賞受賞一覧