配布テンプレートのカスタマイズ方法−２｜アフィリエイト初心者でもパワーブログで販売力アップ

テンプレート利用者でカスタマイズの情報を共有したいと考えているので
配布しているテンプレートのご質問などはこのスレッドでお願いします。

カスタマイズをやりたいが、HTMLやCSSが解らない人も配布テンプレートの
何処をどんな風にカスタマイズしたいのかを遠慮なく質問してください。

■ トップにインフォメーションボックスを作る
このサイトのトップページに作っている、Pick up-Information みたいな
挨拶文や特に読んで欲しい記事を案内するボックスを作りましょう。


登録不要にしたため、テンプレートのご利用状況が把握できてません。
もし良ければサイドバーにあるフォームよりサイトアドレスをお知らせ下さい。
当記事へコメントにてサイトアドレスをポストされても構いません。
あくまでも任意ですが、どうぞよろしくお願いします。

スタイルシートの設定

それでは、下のスタイルシートをコピーしてあなたのスタイルシートに貼りつけて下さい。
貼り付ける場所としては、■ads と ■メイン設定の間に貼り付けた方が、修正などで探す時に
位置関係として分かりやすいと思います。



上記のカラーはグリーンの設定になります。

■ レッドの設定
#640125　← タイトルの文字色
#8B0000　← タイトル・ボックス枠線の色
#8B0000　← 枠線の濃い色
https://fanblogs.jp/gamadasuzo/file/1/dC1iYWNrNHw.gif　← タイトル文字の背景画像

■ ブルーの設定
#000099　← タイトルの文字色
#0000CC　← タイトル・ボックス枠線の色
#000099　← 枠線の濃い色
https://fanblogs.jp/gamadasuzo/file/1/dC1iYWNrQmx1Zb3r.gif　← タイトル文字の背景画像

■ ブラックの設定
#333333　← タイトルの文字色
#696969　← タイトル・ボックス枠線の色
#333333　← 枠線の濃い色
https://fanblogs.jp/gamadasuzo/file/1/dC1iYWNrR3v3.gif　← タイトル文字の背景画像

メインHTMLに表示させるためのHTMLを記述する

スタイルシートの設定ができたら、メインHTMLに記述しましょう！

−−−−−−−−−− ここから −−−−−−−−−−

<div id="info">
<h2 class="infoTitle">インフォメーションのタイトル</h2>

<div class="infoBody">
ブログタイトル<br />
<br />
<img src="https://fanblogs.jp/あなたのアカウント/file/profile" border="0" width="100" height="100" alt="" align="left" style="margin-right:10px;" />テキストの回り込みなので、続けて紹介文や簡単なプロフィールなどを書いて下さい。
<br />

<div style="font-weight:bold;">Pick-UP！アーティクルなどタイトルを記入</div>
<ul>
<li><a href="記事のアドレス">記事のタイトル</a></li>
<li><a href="記事のアドレス">記事のタイトル</a></li>
<li><a href="記事のアドレス">記事のタイトル</a></li>
<li><a href="記事のアドレス">記事のタイトル</a></li>
</ul>
<div style="text-align: right">
ここにランキングバナーなどを設置して下さい。
</div>
</div><!-- /infoBody -->
</div><!-- /info -->

−−−−−−−−−− ここまで −−−−−−−−−−

上記のHTMLをメインHTMLの下記の場所にコピーして下さい。

<div id="main" class="clr">
<div id="content">

ここにコピーして下さい。

<div id="entries">
<BlogEntries>
<div class="entry">