無料
エロ
動画
ASP-Ranker!テンプレ使用サイト様。動画更新情報 - ASP-Ranker紹介記事→|更新情報|ランキング|新規登録|
DTIアフィリエイト広告の貼り付けカスタマイズ - フリーエリアカスタマイズ紹介記事→|広告の種類|広告貼り付け|カスタマイズ基本|カスタマイズ応用|
ASP-Ranker更新情報
2分割フリーエリアカスタマイズ記事→|基本構成とサイズ変更|実例とアレンジ例|

おすすめアフィリエイト - Atype紹介記事→「4.広告の登録」Atype編
登録の少ない今がチャンス!あなたもx日でxxxx円。

マニア向けビデオは本当に売れる。広告を貼って2日目でxxxx円の売り上げ。(実話)
広告の種類も豊富で、自動更新広告もあって手間いらず。登録の少ない今が稼ぎ時。
その他サーバー関連などの新規広告も続々追加予定。要注目のおすすめアフィリエイト。

リロードすると広告がランダム表示され、クリック率が非常に高い。
登録はこちらから。 アフィリエイトエンジン Atype.jp

2006年11月05日

2分割フリーエリアのカスタマイズ実例とカスタマイズのアイデア

今回は2分割フリーエリアの基本構成とサイズの変更方法の続きで、カスタマイズの実例を紹介します。サイズの変更さえできれば、あとは好きなコンテンツを入れるだけ。それ程難しくありません。

1.左にRSS、右に広告を設置

タイトル通りにカスタマイズしてみます。参考にしてみて下さい。

HTML部分


<div class="topbox">

<div class="topleft">
<div class="topborder">
<div class="toptitle">
ASP-Ranker更新情報
</div><!-- toptitle -->
<div class="topcontent"><!-- ここから下に挿入↓ -->
<iframe src="http://rankc1.apserver.net/u/blogtube/rssreader.html" width="100%" height="420?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
</div><!-- topcontent --><!-- ここから上に挿入↑ -->

</div><!-- topborder -->
</div><!-- topleft -->

<div class="topright">
<div class="topborder">
<div class="toptitle">
最新エロ動画情報
</div>
<div class="topcontent"><!-- ここから下に挿入↓ -->
<iframe src="http://www.mmaaxx.com/fla/h4610/index01.html?affid=xxxxx" width="495" height="210" scrolling="no?hd=1&wmode=transparent" frameborder="0"></iframe><br />
<iframe src="http://www.mmaaxx.com/fla/h0930/index01.html?affid=xxxxx" width="495" height="210" scrolling="no?hd=1&wmode=transparent" frameborder="0"></iframe>
</div><!-- topcontent --><!-- ここから上に挿入↑ -->

</div><!-- topborder -->
</div><!-- topright -->
<div style="clear: both;"></div>

</div><!-- topbox -->

CSS部分


.topbox{
width: 900px;
background: #fff;
margin: 10px auto 20px;
}

.topmargin{
margin: 0 10px;
}

.topleft{
float: left;
width: 387px;
}

.topright{
float: right;
width: 503px;
}

.topborder{
border: solid 1px #000;
}

.toptitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.topcontent{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 150%;
}

変更した部分は色を変えてあります。スタイルシート部分はサイズだけしか変更していません。あとはHTMLのタイトルと本文を変更しただけです。

実際に変更した画面はこちら。
分割例

2.分割エリアカスタマイズの注意点

左ボックス+余白+右ボックス=大ボックス、という式ですが、少し注意する部分があります。
左右コンテンツ部分(.topcontent部分)については、内部で8px使用していますので内部に挿入する広告などのサイズ+8pxで計算して下さい。余白をとっていれば落ちませんが、内部に貼ったものがずれます。
この例ですと、右広告のサイズが495px+8px=503pxがスタイルシートでの右ボックスのサイズです。左はインラインフレームで、サイズを100%(可能なサイズで100%に自動設定)にしているので、この場合ではサイズは気にしなくでも大丈夫。左右に広告を入れる場合は合計サイズに注意してください。
あとはこの例を参考に、好きなコンテンツを挿入してください。

3.分割エリアに挿入するコンテンツの例

  • 更新情報を4列から2列にして、更新情報を縦長にして、もう一つを広告やメニューなどを並べるエリアにする
  • RSSとランキングを挿入し、エントリ上部のRSSエリアを広告エリアにする
  • ピックアップとセカンドランキングなどを使用して、特定のサイトにのみアクセスを集中させる

他のサイト(ブログ以外のサイト)を参考にしてみてもいいかもしれません。2ペインの構成は以外と多いものです。

2分割をカスタマイズできると、構成のアレンジが格段に楽になります。ボーダーや背景色などのアレンジと共に、お好きなデザインに変更してみてください。

コメント

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://blogtube.dtiblog.com/tb.php/22-17d7cb0e

登録だけで50$

アダルトアフィリエイト
SBS。無修正動画サイトやお宝系サイト。広告サンプル、詳細はこちらで紹介。

DTIブログで始める

このテンプレートなら、あなたも簡単に始められる。まずは登録してみよう。↓

DTIブログにはDTIアフィリエイト。DTIブログからの売り上げにはボーナスが追加される広告もある。こちらも忘れずに登録を。↓

カレンダー

« 2017 ⁄ 05 »
S M T W T F S
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

カテゴリ

最新の記事

コメント

トラックバック

月間アーカイブ

検索

お世話になってます

アクセスランキング

RSS Feeds

Appendix


エログ

フルHDエロ動画

ブログ

チャットレディーブログ

DXJOBのお仕事

アダルトSNS モンロー


アダルトDTIブログ登録

DTIカリビアンコム広告

登録すれば30$還元

アダルトアフィリエイト
af-board。無修正動画サイトやお宝系サイト。広告サンプル、詳細はこちらで紹介。

ASP-Ranker!ランキング

新規登録サイト

DTIカリビアンコムの広告(他の広告例)

af-board プラウディア広告(他の広告例)


SBS exotica-xxx広告(他の広告例)

無修正動画
無修正動画

女性なら、もっと簡単に稼げる

DTI DXチャット広告サンプルとチャットレディ募集中

close