ブログアフィリエイト 最短ルート 稼ぐ 秘訣 コツ

ブログアフィリエイト 最短ルートで稼ぐ秘訣

1人で悩まないで^^

悩んでいることがあれば、どんなことでも結構ですので遠慮なくメールしてください^^
ひとりで悩まず、あるにこと一緒に考えましょう(・∀・ )っ
メール2
※画像をクリックしてください

Aiロボット(アイロボット)

Aiロボット
【属性の濃いアクセス】をブログへガンガン引き寄せる、全ブログアフィリエイター必須ツール。 コツコツ使い続けた結果、最終的にアクセスが8倍になってしまいました!アクセスアップってこんなに簡単だったっけ・・・

Aiロボット "激レア"特典付きレビュー

カテゴリ

全記事表示リンク



スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

小見出しに画像を入れる方法


小見出しに画像を入れる方法



ちょっと前に

記事内へ"小見出し"を付ける方法を解説しました。

ブログ記事へ小見出しをつける方法



今回はその応用ということで

小見出しに画像を入れてみたいと思います^^





では前回のサンプルタグで解説していきますね。


▼前回のサンプルタグ


<span style="font-size:large;"><div style="padding:10px 10px;border-color:#000000;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;"><b>サンプル</b></div></span>



↑このタグを
そのままコピってあなたのブログへ貼り付ければ・・・


サンプル

↑こうなります^^



ではこのサンプルタグを使って
そこへ画像を入れていきます^^




▼以下の画像を背景にいれてみます

小見出し背景

※画像はあらかじめ
 アップロードしておいてください^^





▼では先ほどのサンプルタグをご覧ください

<span style="font-size:large;"><div style="padding:10px 10px;border-color:#000000;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;"><b>サンプル</b></div></span>



背景画像ですので

このサンプルタグの中の

「background」の部分を修正していきます。



▼こんな感じにしてください^^


<span style="font-size:large;"><div style="padding:10px 10px;border-color:#000000;border-width:0 0 1px 7px;border-style:solid;background-image:url(http://blog-imgs-46.fc2.com/a/l/n/alnicoinfo/201108221944385b4.gif) ;"><b>サンプル</b></div></span>




background:#F8F8F8

となっている部分ですが、


これは背景"色"が指定されているので


これを背景"画像"指定に変更します。





▼抜き出すとココですね^^

background-image:url(http://blog-imgs-46.fc2.com/a/l/n/alnicoinfo/201108221944385b4.gif)

※()の中はアップロードした画像のURLです。





▼実際に出来あがった画像がこちらです

サンプル








では次に

テキスト(文字)の前に画像を入れてみます







▼以下の画像をテキストの前にいれます

見出し画像

※この場合も画像はあらかじめ
 アップロードしておいてください。



▼こちらのサンプルタグを

<span style="font-size:large;"><div style="padding:10px 10px;border-color:#000000;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;"><b>サンプル</b></div></span>



▼こんな感じにしてください^^


<span style="font-size:large;"><div style="padding:10px 10px;border-color:#000000;border-width:0 0 1px 7px;border-style:solid;background:#F8F8F8;"><img src="http://blog-imgs-46.fc2.com/a/l/n/alnicoinfo/20110822200627d2c.gif" alt="見出し画像" border="0" width="16" height="16" / div align="left"> <b>サンプル</b></div></span>



これはそこまで難しくはないと思います^^



直接テキストの前に画像データを挿入して

テキストが画像の右になるように

画像データの最後に

div align="left"

を加えます。




▼実際に出来あがった画像がこちらです

見出し画像 サンプル






以上で解説は終了です^^

いかがでしたでしょうか?

「まだわかんないよ~」って場合は

ご遠慮なくお問い合わせくださいませ^^






最後までお読みいただき
ありがとうございました
 

今回の記事がお役に立ちましたら
クリックして応援をお願いします<(_ _)>
にほんブログ村 小遣いブログ アフィリエイトへ





お問い合わせ・ご質問があればいつでもメールください



あるにこに質問・相談してみる



※基本的に24時間以内にお返事いたします。
「○○がわかんないんだけど」って気軽にメールしてください♪





あるにこ おすすめ商材です



おすすめ商材はこちらです







この記事を読まれた方は次の記事も読まれています



スポンサーサイト
△ページトップへ戻る




管理人『あるにこ』

あるにこ

あるにこ

累計報酬

はじめまして"あるにこ"です

アフィリエイト開始3週間で初報酬をゲットし、月20万円を稼ぐ【あるにこ成功ノウハウ】の全てが当ブログに集約。

稼げる情報商材、抜群に役立つツールなど稼ぐために必要な情報を公開しています。

詳しすぎるプロフィールです

あるにこの無料レポート一覧

人気ブログをチェック

にほんブログ村 小遣いブログ アフィリエイトへ アフィリエイト

人気記事ランキング


ブログパーツ

最新記事

リンク

RSSリンクの表示

SEO対策


ホームページランキングのザ・ランクテンに参加しています
BBS7.COM
MENURNDNEXT

サイト登録宣伝無料AUL
ページランク-Navi

無料ページビューランキング Pickle PV無料ページビューランキング
フィードメーター - ブログアフィリエイト 最短ルートで稼ぐ秘訣
自動リンクネットワーク
自動リンクネットワーク
PR5SEOサーチ
 
ゲーム機 Related Posts Plugin for WordPress, Blogger...
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。