あるにこのブログへようこそ
情報商材アフィリエイトで
月２０万円稼ぐためにどんな作業が必要か？
そして、どんな商材が役に立つのか？
当ブログを隅々までご覧ください
稼ぐヒントがダダ漏れ中です＾＾;
『アフィリエイトって簡単に稼げると思って
はじめたのに全然稼げないじゃん!!』
当ブログは、そんなあなたのために運営しています。
難しく考えすぎないでください。
アフィリエイト、実はシンプルな方法で稼ぐことができます。
情報商材ブログアフィリで稼ぐ秘訣を【あるにこ】が伝授!!
具体的に『どうすれば稼げるのか?』
そういった実戦型ノウハウを随時配信中!!
ブログには書けない
稼ぐための丸秘ネタを【まぐまぐ】にて配信しています。
稼げるようになった【本当の秘訣】知りたくありません？？
メルマガでこっそり教えちゃいます(´・∀・｀)
稼ぐための丸秘ネタを【まぐまぐ】にて配信しています。
稼げるようになった【本当の秘訣】知りたくありません？？
メルマガでこっそり教えちゃいます(´・∀・｀)
スポンサーサイト
小見出しに画像を入れる方法
小見出しに画像を入れる方法
ちょっと前に
記事内へ"小見出し"を付ける方法を解説しました。
⇒ ブログ記事へ小見出しをつける方法
今回はその応用ということで
小見出しに画像を入れてみたいと思います＾＾
では前回のサンプルタグで解説していきますね。
▼前回のサンプルタグ
<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"
を加えます。
▼実際に出来あがった画像がこちらです
サンプル以上で解説は終了です＾＾
いかがでしたでしょうか？
「まだわかんないよ〜」って場合は
ご遠慮なくお問い合わせくださいませ＾＾
最後までお読みいただき
ありがとうございました
今回の記事がお役に立ちましたら
クリックして応援をお願いします<(_ _)>
お問い合わせ・ご質問があればいつでもメールください
⇒あるにこに質問・相談してみる
※基本的に２４時間以内にお返事いたします。
「○○がわかんないんだけど」って気軽にメールしてください♪
あるにこ おすすめ商材です
⇒おすすめ商材はこちらです
この記事を読まれた方は次の記事も読まれています
