<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TooHotAffiliate!～アフィリエイト王のぶろぐ～&#187; CSS</title>
	<atom:link href="http://hot-hoter-hotest.com/archives/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://hot-hoter-hotest.com</link>
	<description>アフィリエイトを灼熱の暑さで語るブログ！</description>
	<lastBuildDate>Sun, 25 Jul 2010 11:03:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>IE8入れました？</title>
		<link>http://hot-hoter-hotest.com/archives/230.html/</link>
		<comments>http://hot-hoter-hotest.com/archives/230.html/#comments</comments>
		<pubDate>Wed, 06 May 2009 16:34:15 +0000</pubDate>
		<dc:creator>Road</dc:creator>
				<category><![CDATA[ザ・紹介]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[サイト制作]]></category>

		<guid isPermaLink="false">http://hot-hoter-hotest.com/?p=230</guid>
		<description><![CDATA[
こんにちは！じゃなくって、こんばんは！Roadです。
アフィリエイト楽しんでいますか？

最近、IE8(*1)が出ていたって知っていましたか？
友人が中古パソコンを買ってセットアップするときに知りました。
IE6だから [...]]]></description>
			<content:encoded><![CDATA[<p>
こんにちは！じゃなくって、こんばんは！Roadです。<br />
アフィリエイト楽しんでいますか？<br />
<br />
最近、<a href="http://hot-hoter-hotest.com/archives/tag/ie8/" class="st_tag internal_tag" rel="tag" title="Posts tagged with IE8">IE8</a>(*1)が出ていたって知っていましたか？<br />
友人が中古パソコンを買ってセットアップするときに知りました。<br />
IE6だから、IE7にしなきゃねって。<br />
すると<a href="http://hot-hoter-hotest.com/archives/tag/ie8/" class="st_tag internal_tag" rel="tag" title="Posts tagged with IE8">IE8</a>が出ているじゃないですか。<br />
すかさず導入。<br />
<br />
ま、友人のＰＣですから <img src='http://hot-hoter-hotest.com/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' />
<br />
<br />
で、インストールしてみると…<br />
<br />
<span id="more-230"></span><br />
<br />
外見はさほど変わっていませんです。<br />
普通のタブブラウザですし。<br />
ただ、マウスでテキストをなぞったりするとなんかあるみたいです。<br />
（なんかってなによ <img src='http://hot-hoter-hotest.com/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' />  ）<br />
<br />
<br />
そんなことより、根本的なことに気付きました。<br />
ＩＥ８はＨＴＭＬのバグに厳しくなったんじゃないかと。<br />
<br />
僕のWordPressのサイトがそうでした。<br />
スタイルシートが対応できていないんです。<br />
で、ＩＥ８の互換モードだとちゃんと表示されていたり。<br />
<br />
まぁ、そのバグは苦戦しながらも取り除けましたが <img src='http://hot-hoter-hotest.com/wp-includes/images/smilies/icon_neutral.gif' alt=':neutral:' class='wp-smiley' />
<br />
ただ、Ａ８のトップページもちょっとバグがあるくらいですから、気を抜けません。<br />
というわけで、アフィリエイターのあなたにはＩＥ８の導入をオススメします。<br />
<br />
<br />
え？もしかしてＦｉｒｅｆｏｘ系を使っているんじゃ。<br />
だめですよ。アフィリエイターなら。<br />
<br />
まぁ、作業用にはいいですけど、定期的にＩＥで自分のサイトをチェックすることが必要ですよ。<br />
業界の標準はＩＥですからね。<br />
ＩＥでレイアウトが崩れていたら、ユーザーは離れていっちゃいますよ。<br />
<br />
<br />
というわけで、常にユーザーの目線を忘れないでくださいね！<br />
<br />
<br />
(*1)<a href="http://hot-hoter-hotest.com/archives/tag/ie8/" class="st_tag internal_tag" rel="tag" title="Posts tagged with IE8">IE8</a>:<br />
インターネットエクスプローラー8のこと。<br />
7からタブブラウザになり、もう一個パージョンアップしました。</p>
]]></content:encoded>
			<wfw:commentRss>http://hot-hoter-hotest.com/archives/230.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ガソリンカード比較サイトてこ入れ。</title>
		<link>http://hot-hoter-hotest.com/archives/227.html/</link>
		<comments>http://hot-hoter-hotest.com/archives/227.html/#comments</comments>
		<pubDate>Fri, 01 May 2009 21:10:36 +0000</pubDate>
		<dc:creator>Road</dc:creator>
				<category><![CDATA[アフィリエイト日誌]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://hot-hoter-hotest.com/?p=227</guid>
		<description><![CDATA[
おはようございます。世界最強のアフィリエイト王のRoadです。
ファミレスよりお邪魔します（笑）


昨日は、アフィリエイト頑張った感があります。

ガソリンカードの比較サイトを中心にテコ入れをしました。
相互リンクを [...]]]></description>
			<content:encoded><![CDATA[<p>
おはようございます。世界最強のアフィリエイト王のRoadです。<br />
ファミレスよりお邪魔します（笑）<br />
<br />
<br />
昨日は、アフィリエイト頑張った感があります。<br />
<br />
<a href="http://gasoline.ca-rd.net/">ガソリンカードの比較サイト</a>を中心にテコ入れをしました。<br />
相互リンクを強化してさらに上位表示を狙います。<br />
…っていっても、Googleで「ガソリンカード　比較」「ガソリンカード　口コミ」あたりは<br />
上位表示はできているんですよ。<br />
<br />
<span id="more-227"></span><br />
<br />
けど、サブページのブランド名で上位表示がまたできていないので、<br />
そこを強化したいんです。<br />
だったら、相互リンクじゃあまり意味ないかもしれませんね。<br />
<br />
うーん、SBM（*1）は十分にやってあるし。<br />
かといって芸能人ブログのコメントまわりはちょっと… <img src='http://hot-hoter-hotest.com/wp-includes/images/smilies/icon_sad.gif' alt=':sad:' class='wp-smiley' />
<br />
イザとなったら、自作自演ブログをやるしかないですね。<br />
<br />
<br />
あとは、体裁も整えました。<br />
このサイトは、新MTテンプレート第1号サイトなので、<br />
まだまだ未熟でした。<br />
<br />
まず、スタイルシートで微調整。<br />
なるべく背景に画像を使わなくてもクールに表示できるように、細かく調整。<br />
見出しとか（Hタグ）を中心に改善しました。<br />
<br />
あとは、ページのテンプレートを作りました。<br />
僕の比較サイトにいつも登場するアシスタントガールも投入しました（笑）<br />
<br />
<img src="http://gasoline.ca-rd.net/images/navigirl2.jpg" alt="" /><img src="http://gasoline.ca-rd.net/images/navigirl3.jpg" alt="" />
<br />
おかげさまで、なかなか見栄えが改善されました。<br />
いつもはそこまで研ぎ澄ませて調整していなかったので、<br />
レイアウトの重要性が身に染みました。<br />
<br />
このサイトは、上位表示しているし、需要が多いハズだからもっと稼げるハズなんだけどね。<br />
<br />
あとは、ブランド名で上位表示すれば…かな <img src='http://hot-hoter-hotest.com/wp-includes/images/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' />
<br />
<br />
<hr /><br />
(*1)SBM<br />
ソーシャルブックマークの略です。本来はブックマークなんですけどね。<br />
被リンク対策に泣く泣く使わせていただいています <img src='http://hot-hoter-hotest.com/wp-includes/images/smilies/icon_cry.gif' alt=':cry:' class='wp-smiley' />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://hot-hoter-hotest.com/archives/227.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS（スタイルシート）マスターしちゃいませんか？</title>
		<link>http://hot-hoter-hotest.com/archives/172.html/</link>
		<comments>http://hot-hoter-hotest.com/archives/172.html/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 08:48:54 +0000</pubDate>
		<dc:creator>Road</dc:creator>
				<category><![CDATA[ザ・紹介]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[サイト制作]]></category>
		<category><![CDATA[本]]></category>

		<guid isPermaLink="false">http://hot-hoter-hotest.com/?p=172</guid>
		<description><![CDATA[
こんにちは！
最近イーブックオフの売上件数が多くて嬉しい！けど、単価が安すぎ！
…なアフィリエイト王Roadです（笑）

アフィリエイト楽しんでいますか？


あなたは、サイトをどういう手段で作っていますか？
Mova [...]]]></description>
			<content:encoded><![CDATA[<p>
こんにちは！<br />
最近イーブックオフの売上件数が多くて嬉しい！けど、単価が安すぎ！<br />
…なアフィリエイト王Roadです（笑）<br />
<br />
アフィリエイト楽しんでいますか？<br />
<br />
<br />
あなたは、サイトをどういう手段で作っていますか？<br />
MovableType？WordPress？無料ブログ？<br />
それとも…XOOPS？<br />
今だったら、アクオスっていう人も多いのかも知れませんね。<br />
（未だになにかよくわかっていないですが（笑））<br />
<br />
<br />
今回は、その中でも<a href="http://hot-hoter-hotest.com/archives/tag/html/" class="st_tag internal_tag" rel="tag" title="Posts tagged with HTML">HTML</a>手打ち派の人にお勧めな本の紹介です。<br />
（<a href="http://hot-hoter-hotest.com/archives/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with PHP">PHP</a>やJava、Ajaxをやっている人もいいですよ）<br />
<br />
<span id="more-172"></span><br />
<br />
<br />
<a href="http://hot-hoter-hotest.com/archives/tag/html/" class="st_tag internal_tag" rel="tag" title="Posts tagged with HTML">HTML</a>手打ち派の人は、当然のごとく<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a>（スタイルシート）も触りますよね？<br />
（<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a>なしでやっている人は、ある意味グレートですね（笑））<br />
<br />
でも、<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a>って完全マスターしている人は少ないのではないでしょうか？<br />
リンクの色や下線を設定するくらいはできるけど…っていう<br />
アフィリエイターは多いと思います。<br />
<br />
そんなあなたにこんな本はどうかな？<br />
<a href="http://hb.afl.rakuten.co.jp/hgc/016228f2.e4ba638f.03b0169e.6f5bc50b/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f4002662%2f&#038;m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f11807494%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f7741%2f77412720.jpg%3f_ex%3d128x128&#038;m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f7741%2f77412720.jpg%3f_ex%3d80x80" border="0"></a><br />
<a href="http://hb.afl.rakuten.co.jp/hgc/016228f2.e4ba638f.03b0169e.6f5bc50b/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f4002662%2f&#038;m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f11807494%2f" target="_blank">速習Webテクニックスタイルシート上級レイアウト</a><br />
<br />
<br />
僕は、ある程度<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a>は、マスターしているつもりでした。<br />
けど、段組は苦手でした。<br />
Tableタグを多用するTable段組はできますけどね。<br />
（これは現在廃れていますね(^▽^;)元々推奨されていませんでしたから）<br />
<br />
本当は、divタグによる段組が正式。<br />
W3Cもこの方法を推奨しています。<br />
<br />
divタグはいいけど、なかなか実現って難しいんですよね。<br />
（やってみればわかります(^▽^;)）<br />
<br />
フッターが記事の長さによって変な位置にきたり。<br />
思った通りにボックスが配置されなかったり。<br />
<br />
…で、ずっとそこは目をつぶってきました。<br />
<br />
<br />
けど、今回仕事としてサイトを作ることになって勉強し直そう！と。<br />
今回の本に出会いました。<br />
<br />
<br />
この本では、divによる段組の方法はもちろん、<br />
メニューバーや横長メニューバーのカッコイイ実装方法も紹介しています。<br />
<br />
とりあえずサンプルのままサイトを作っても、シンプルでカッコイイサイトがつくれるかも。<br />
<br />
とはいえ、最低限<a href="http://hot-hoter-hotest.com/archives/tag/html/" class="st_tag internal_tag" rel="tag" title="Posts tagged with HTML">HTML</a>と<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a>の基礎的な知識は必要ですよ。<br />
一応、「上級」って書いてありますから（笑）<br />
でもそんなに上級じゃなくてもいいですけど。<br />
（どっちやねん！）<br />
<br />
とりあえずこの本は、サイト制作の時には必需品です。<br />
僕にとっては。<br />
<br />
これからは、Webプログラムと組み合わせてサイトを作ることが多くなりそうですから。<br />
あなたも一冊どうですか？<br />
<br />
<a href="http://hb.afl.rakuten.co.jp/hgc/016228f2.e4ba638f.03b0169e.6f5bc50b/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f4002662%2f&#038;m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f11807494%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f7741%2f77412720.jpg%3f_ex%3d128x128&#038;m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f7741%2f77412720.jpg%3f_ex%3d80x80" border="0"></a><br />
<a href="http://hb.afl.rakuten.co.jp/hgc/016228f2.e4ba638f.03b0169e.6f5bc50b/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f4002662%2f&#038;m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f11807494%2f" target="_blank">速習Webテクニックスタイルシート上級レイアウト</a><br />
<br />
<br />
リンク踏んでお買い上げありがとうございます（笑）<br />
<br />
<br />
<br />
★★★　まとめ　★★★<br />
アフィリエイトって覚えること多すぎ！<br />
だから、やりがいがあるんですけどね。<br />
他の人と違うやり方もできるし（笑）</p>
]]></content:encoded>
			<wfw:commentRss>http://hot-hoter-hotest.com/archives/172.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>プログラムから学ぶサイト分析法！</title>
		<link>http://hot-hoter-hotest.com/archives/103.html/</link>
		<comments>http://hot-hoter-hotest.com/archives/103.html/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 15:40:38 +0000</pubDate>
		<dc:creator>Road</dc:creator>
				<category><![CDATA[アフィリエイトコラム]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[サイト制作]]></category>
		<category><![CDATA[プログラム]]></category>

		<guid isPermaLink="false">http://hot-hoter-hotest.com/?p=103</guid>
		<description><![CDATA[
こんばんは！
ちょっと知恵熱が出そうなアフィリエイト王Roadです。
アフィリエイト楽しんでいますか？


なぜ知恵熱が出そうかって？
Webプログラム言語のPHP(*1)のお勉強していました。
データベースでサイトを [...]]]></description>
			<content:encoded><![CDATA[<p>
こんばんは！<br />
ちょっと知恵熱が出そうなアフィリエイト王Roadです。<br />
アフィリエイト楽しんでいますか？<br />
<br />
<br />
なぜ知恵熱が出そうかって？<br />
Webプログラム言語の<a href="http://hot-hoter-hotest.com/archives/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with PHP">PHP</a>(*1)のお勉強していました。<br />
データベースでサイトを作ることになるかもしれませんので。<br />
（<a href="http://hot-hoter-hotest.com/archives/85.html">アフィリエイト　to　リアルビジネス！</a>参照）<br />
<br />
<br />
でも、一番簡単なところでつまずいていました。<br />
<a href="http://hot-hoter-hotest.com/archives/tag/html/" class="st_tag internal_tag" rel="tag" title="Posts tagged with HTML">HTML</a>フォームからのデータ受け渡しで(笑)<br />
（ここからは専門的になるかも）<br />
<br />
まず文字コードで一悶着。<br />
テキストエディターをひねくり回す(笑)<br />
<br />
そして、訳のわからない<a href="http://hot-hoter-hotest.com/archives/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with PHP">PHP</a>のルールでずーっと悩んでいました。<br />
<em>「何だよ！echoで文字列中に変数を入れるときは、変数のうしろに半角スペースがいるなんてきいてねーよ！」</em><br />
<br />
はぁ。マニアの叫びでした。<br />
でもね、どこかに書いておかないとまた忘れちゃうから。<br />
ここに書かせておいてくださいね(￣ー￣)<br />
<span id="more-103"></span><br />
<br />
<br />
でも、<a href="http://hot-hoter-hotest.com/archives/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with PHP">PHP</a>のお勉強は、今回は進みそうです。<br />
ちょっと異色の本を買ってきましたから。<br />
<a href="http://hb.afl.rakuten.co.jp/hgc/016228f2.e4ba638f.03b0169e.6f5bc50b/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f5378158%2f&#038;m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f12766527%2f" target="_blank">3日で作るPHPアプリケーション</a>という本です。<br />
<br />
プログラム言語のしきたりをある程度知っている人にはいいですよ。<br />
なんせウダウダいうより動けばよし！というスタンスです。<br />
だから、「変数とは？」「文字列とは？」の余分な説明がありません。<br />
<br />
僕みたいに何回も挫折した人は大好物でしょう(笑)<br />
<br />
でもねぇ、プログラムをマスターするのに一番いい方法は、お手本を解読すること。<br />
そして、改造しまくること。<br />
これっすね。<br />
(なかなか難しいですけどね)<br />
<br />
僕が中学生の頃は、MSXというパソコンがはやっていて、BASICという簡単なプログラム言語をよく打ち込んでいました。<br />
打ち込むだけだとダメなんですよね。<br />
解読して、改造しないと。<br />
だから、中途半端に<em>プログラム言語の仕様だけわかるアフィリエイト王になってしまったんです(笑)</em><br />
<br />
<br />
でも、これってアフィリエイトにも通じますよ。<br />
（やっと戻ってきた(笑)）<br />
<br />
お手本にしたいサイトがあったら<em>ブラウザーの「ソースを表示」させて<a href="http://hot-hoter-hotest.com/archives/tag/html/" class="st_tag internal_tag" rel="tag" title="Posts tagged with HTML">HTML</a>を解読してみてください。</em><br />
そして、スタイルシートを学びたい人は、ソース(*2)の中から参照している<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">css</a>ファイルのURLをゲットしてブラウザのURL欄に打ち込んでみてください。<br />
たぶん、<a href="http://hot-hoter-hotest.com/archives/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">css</a>ファイルをゲットできますから。<br />
<br />
で、じっくりプリントアウトして解読してください。<br />
そしていろいろ書き込んでみてください。<br />
ぜったい身になりますから。<br />
<br />
<br />
そこまでしなくてもお手本のサイトのソースから狙っているキーワードがわかるはずです。<br />
ソースまでいかなくても、サイトをいろいろ分析できますよね。<br />
キーワードの出現頻度や被リンク、ドメイン年齢などなど。<br />
<br />
<br />
まぁ、なんでもいいから「分析」「改造」は必要ですよ。<br />
あなたもできるところから分析してみてくださいね！ <br />
<br />
<br />
☆☆☆　まとめ　☆☆☆<br />
プロのアフィリエイターなら、ライバルを徹底分析すべし。<br />
答えは、必ずある！<br />
<br />
<br />
<hr /><br />
(*1)<a href="http://hot-hoter-hotest.com/archives/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with PHP">PHP</a><br />
MTやWordPressなどのCMSには多く使われているプログラム言語。<br />
Webプログラムに特化していて、難易度も低いのが特徴。<br />
今一番盛り上がっているWebプログラム言語です。<br />
<br />
(*1)ソース<br />
ウスターソースとオイスターソースの区別ができませんでした。<br />
そのソースではありません(笑)<br />
一般的には、「参照元」というニュアンスかな。<br />
プログラムや<a href="http://hot-hoter-hotest.com/archives/tag/html/" class="st_tag internal_tag" rel="tag" title="Posts tagged with HTML">HTML</a>では、もとになっているテキスト(ファイル)のことをいいます。</p>
]]></content:encoded>
			<wfw:commentRss>http://hot-hoter-hotest.com/archives/103.html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
