はじめてのアフィリエイト入門

アフィリエイト!ひよこ組


はじめに

アフィリエイト入門

アフィリエイトの疑問

お役立ち情報

報酬UP!テクニック

こっそり教えます…


ピックアップ



支払い限度額が3000円に引き下げられて、非常に魅力的になったトラフィックゲートが総額100万円が当たるキャンペーンをやっていま~す。成果がなくても当たるチャンスがありますよ♪
記事

スポンサーサイト

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

フリーエリアを作ってみよう

ブログのトップページにお知らせなどを載せるフリーエリアを作ってみましょう。

トップページだけで表示をするには、HTML部分の

<!--index_area-->
<!--/index_area-->


という間に書きます。

共有テンプレート「hiyoko-01」ではあらかじめ、設定してあるのでHTML部分から探してください。

そこに書くだけでトップページに表示されますが、お知らせっぽくするために枠線で囲ってみましょう。
枠線を付けるにはHTMLのtableを利用します。

<!--index_area-->
<div class="freearea">
<center>
<table width="456" align="center" valign="top" cellpadding="4" cellspacing="0"><tr><td>
<br>
「アフィリエイト!ひよこ組」へようこそ!<br>
<br>
</td></tr></table>
</center>
<br>
<br>
</div>
<!--/index_area-->


このままだと枠線が寂しいので、tableにスタイルを指定してあげましょう。
スタイルシートの一番下に下記の行を追加します。

/* Free Area */
.freearea {
padding: 4px;
font-size: 100%;
text-align: left;
color: #666;
}

.freearea table {
border-style:solid;
border-width:1px;
border-color:#E08C00;
background: #FFFFFF;

}

.freearea th {
border-style:none;
text-align:left;
}

.freearea td {
border-style:none;
text-align: left;
}


どうでしょう?うまくできましたか?

赤い字の部分のsolidや1pxを変更すると、色々な枠線に変えることができます。
border-colorを変更すれば枠線の色が変わり、backgroundを変更すればバックの色が変わります。
設定する値については、こちらなどを参考にしてみてくださいね。

ご意見、ご質問があればお寄せください。お待ちしております。


スポンサーサイト

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://hiyokoshop.blog18.fc2.com/tb.php/7-b9497e63

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