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

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

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

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

2006年10月29日

広告エリアを自由にカスタマイズできる基礎知識

今回は更新エリア下部のカスタマイズの実例を紹介します。更新エリア下部としていますが、実は更新情報エリア、更新下枠無しエリア、RSS配信エリア、下部広告エリア共に基本構成は全て同じです。「大枠」「タイトル」「本文」、全部この構成で、後はサイズやテキストの配置などが違うだけです。
ということは、この更新エリア下部の広告エリアをカスタマイズできるようになれば、他の同じ構成のフリーエリアも簡単にカスタマイズできるわけです。

それでは実際にカスタマイズしてみましょう。

1.単純に広告を並べる

広告
本文に、広告コードを単純に並べた例。これはこれで別に問題なく使用できます。後はセンタリングした方がいいのと、タイトルを削除してもいいかもしれません。
コードはこちら。


<div class="topad">
<div class="topadtitle">
トップ広告エリア
</div><!-- topadtitle -->

<div class="topadcontent"><!-- ここから下に挿入↓ -->

<a href="http://click.dtiserv2.com/Click150/150-6-xxxxxx" target="_blank"><img src="http://affiliate.dtiserv.com/sam/pop/movies/gif/02/carib01.gif" border=0></a>
<IFRAME SRC="http://www.mmaaxx.com/table/carib/index06.html?affid=xxxxxx" width=495 height=210 frameborder="no" scrolling="no"></IFRAME>

</div><!-- topadcontent --><!-- ここから上に挿入↑ -->
</div><!-- topad -->

上下のコメントは削除してあります。本文(topadcontent部分)に広告コードを貼り付けただけでも悪くありません。この場合、基本的には一行で、広告を二つ位並べる構成でよいでしょう。
ちなみに更新下の広告エリア(更新情報下の広告エリアの下)はこの用途向けとなっていて、タイトルもなく、本文はセンタリングしてありますので、広告だけを単純にならべるならこちらを使用してもよいでしょう
実際に貼り付けてみました。この場合、topadfullmain部分に広告コードを貼り付けます。

広告


<div class="topadfull">
<div class="topadfullmain"><!-- ここから下に挿入↓ -->
<a href="http://click.dtiserv2.com/Click150/150-6-xxxxx" target="_blank"><img src="http://affiliate.dtiserv.com/sam/pop/movies/gif/02/carib01.gif" border=0></a>
<IFRAME SRC="http://www.mmaaxx.com/table/carib/index06.html?affid=xxxxx" width=495 height=210 frameborder="no" scrolling="no"></IFRAME>。
</div><!-- topadfull --><!-- ここから上に挿入↑ -->
</div><!-- topadfullmain -->

2.スタイルシートで見映えを変える

いくつか基本的なカスタマイズをしてみます。これを参考に、お好きなカスタマイズを行ってみて下さい。

大枠のサイズと枠線、タイトルの背景色と下部の枠線

広告を二つ並べていますが、サイズは310pxと495px、計805pxです。これに左右余白が5pxの計10pxと後ほど行うカスタマイズのために10px追加して、必要な大枠のサイズは805+20=825pxです。あと、内部余白と枠線があるので、10px追加します(本当はいらない)。
ということで、大枠のサイズを835pxに変更して、タイトルと枠線の色も変更してみましょう。
カスタマイズ例は以下になります。(当然スタイルシートのカスタマイズです)


.topad{
width: 835px;
margin: 10px auto 20px;
border: solid 1px #ffb2d4;
background: #ebebeb;
}

.topadtitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #fff;
background: #ffb2d4;
border-bottom: solid 1px #ffb2d4;
}

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

広告

どこかで見たピンク色ですが、これはちょいエロYouTubeの色ですね。分かりやすいように、背景や文字色なども変更しています。サイズもバナーに合わせて、色も変化して、大分印象が変わりました。
このように、スタイルシートをカスタマイズすると、見映えを変化させることができます。

センタリングと広告のマージン設定

あともう少しカスタマイズしましょう。あとは、本文をセンタリングして、ついでに広告と広告の間を少し空けて見やすくします。カスタマイズ例はこちら。


.topadcontent{
margin: 5px auto;
text-align: center;
}


.tubeadmargin{
margin-left: 10px;
}

まずはスタイルシートから。topadcontet(本文)部分を変更しました。テキストを使用しないので、テキスト関連を削除、そして内部余白も削除して、上下のマージンを5px空けてセンタリング(marginで左右をautoにするとセンタリングできる)しました。あとtext-alignはおまじないです。
そして青部分は新規追加です。意味は左に10pxマージンを設定します。これを右の広告に指定すると、広告と広告の間が10px空きますね。

今度はHTML部分です。説明通り、右の広告部分を変更します。


<span class="tubeadmargin"><IFRAME SRC="http://www.mmaaxx.com/table/carib/index06.html?affid=xxxxx" width=495 height=210 frameborder="no" scrolling="no"></IFRAME></span>

広告

右の広告をspanで囲んでいます。詳しい説明は省きますが、この場合2つ広告を並べているのでspanを使用していますが、これが一つの広告なら、divで囲みます。たいていdivを使用しますので、一応説明しておきます。

これで、広告エリアのカスタマイズは完了です。大枠のサイズがバナーに合わせたサイズになり、広告はセンタリングされ、間は適当に空いていて、上下のマージンもとれています。
これを参考に、いろいろといじってみて下さい。段々とどこをいじればいいのかが分かってきますよ。

更新情報、更新情報下、RSS、下部広告エリアはサイズと上下のマージン位で他はほとんど同じ構成です。ですので、このカスタマイズを参考に、そちらもいじってみて下さい。このカスタマイズができれば全然大丈夫。

コメント

コメントの投稿

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

トラックバックURL

http://blogtube.dtiblog.com/tb.php/20-0f4cf1d5

トラックバック

逆助援でハッピーライフ

約束してた女と昨日会ってきたんだが、相手は仕事帰りだったらしく会う時スーツで来たんだよ。俺も一応脱サラした身だから「仕事大変だよねー」なんて話をしてたら女にすっかり気に入られてさ(笑)

トラックバック

マイブームはじゅくじょw

今までもっぱら若い女が好きだったけど塾女のテクを一回知ってしまったらもうやめられんよな(笑)

トラックバック

道程

金持ちの女ってなんであんなにドーテー好きが多いんだ?まあそれを利用しない手はないわけで。明日もアポ入ったから、ドーテーのふりして一稼ぎしてくるわw

トラックバック

タネウマン

騎乗位でガンガン攻めてくるから、そのまま中にドクドク出しちゃったじゃねえかwザー汁と愛液が混ざったのがオマソコからタラーって…。いやいやいや、こっちが冷や汗タラーだってのwww

トラックバック

おうまたんごっご

ヌプヌプおまんまんマジ最高っすね!すごい力でチソポ握って自分からマソコに入れようとしてたしwここの女はみんな超積極的だな!!

トラックバック

逆そーぷでヌポヌポ体験

昨日の派遣先でオマムコぶっ壊すいきおいで突いてたら、いきなり「プッシャァァァ!!」って潮吹きやがったwDVDでしか見たことなかったけどチソポ押し戻すぐらいの勢いで出るのなwww

登録だけで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