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

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

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

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

2006年10月27日

初めてのエログまとめ。今までのカスタマイズを全て行った例

今までのカスタマイズを全て行うと、基本的なエログの機能は全て整った状態でエロブログを開始できます。後はアクセスを稼げるような記事を書くように頑張って下さい。
初心者向けエログのエントリのまとめとして、今までのカスタマイズを全て行った状態を見てみましょう。標準のDTI用エログテンプレートから、DTIの広告の貼り付けASP-Rankerの更新情報貼り付けASP-Rankerのランキング貼り付けASP-Rankerの新規登録サイト貼り付け画RSSをインラインフレームで貼り付け、以上を行った状態です。

上部 クリックすると拡大します。これはブログのテンプレート上部で、ASP-Rankerのサイト更新情報と、フルサイズバナー広告を貼り付けた状態です。

下部 こちらはブログ上部の下部になります。カスタマイズとしては、左右にわかれた広告エリアと、画RSSをインラインフレームで貼り付け、ASP-Rankerのアクセスランキングと新規登録エリア、以上のカスタマイズを行った例です。

以上で基本的なカスタマイズは完了です。後は左右カラムのフリーエリアを修正したり、広告エリアをもう少し有効に使ったり、好みのブログにカスタマイズしていきましょう。エログとはいえ、見やすいのが一番です。エロ動画や騙しリンクがあればいいわけではないですよw

後は各箇所のカスタマイズとして、もう少し好みのブログに仕上げるための情報をエントリしていきます。質問などあれば、コメントして下さいね。

2006年10月22日

「7.RSS更新情報の登録と貼り付け」画RSS編

今回はエログで非常に良く採用されているRSSリーダー、画RSSをテンプレートに掲載してみましょう。最大の特徴は、リンクにカーソルを乗せると、設定したサムネイルを表示してくれる所。やっぱり画像があると違いますからね。
個人的には、サムネイルのサイズも指定して、更新情報と同じような形態で表示してくれれば、と思いますが。

まず登録していないようでしたら、画RSSさんから登録を行ってください。そしてログインしたところから解説します。

1.RSS追加

単純に貼り付けるだけなら、それ程設定はいりません。まずは貼り付けてみて、その後お好みの設定に変更するのが最適です。

RSS追加 まずは左メニューのRSS追加をクリックしてください。後から削除はできますので、まずはこのサイトを登録してみて下さい。アドレスはこちら。

http://blogtube.14.dtiblog.com/

画RSS まず追加したいサイトのアドレスを入力して、取得をクリック。

画RSS するとRSSの選択画面になります。たいてい一つなんですが、たまに複数(アダルト広告のRSSなどもある)ありますが、DTIやFC2ならxmlのはず。設定すれば取得したタイトルが表示されますので、そちらで確認しましょう。


(セキュリティソフトにより、表示されていない可能性があります)登録が終了した段階の画像がこちら。上は広告で、下が登録した、エログ専用「使えて+いじれる」テンプレートのRSS情報です(その時の最新記事が表示されます)。エントリのタイトルの左側は、標準では投稿時間になっているんですが、たいていは時間ではなくて投稿日になるはず。その他、サイトのカテゴリを表示する場合もあります。ここでは投稿時間の表示に変更してみます。カテゴリの表示は後ほど行ってみて下さい。この編集は多少時間がかかります。

2.表示レイアウトの設定

左メニューから、表示レイアウト設定をクリックしてください。
画RSS ここで表示のカスタマイズを行います。だいたいわかると思いますが、表示件数を10にすると、登録が15あれば最新の10件だけ表示できたり、ポップアップ(title、リンクにカーソルを乗せた時に表示される文字)を選択できたり、お好きな設定にしてください。
ここでは「時間の表示方法」の部分を「日付」に変更しました。他は標準設定です。

3.画像表示設定

画RSS最大の特徴がサムネイル画像の表示ですから、ここの部分を少し確認しましょう。左メニューの画像表示設定からどうぞ。
画RSS 表示位置設定ですが、貼り付けを直接行うか、インラインフレームで行うかで異なります。直接の場合、原点はブラウザの左上ですが、インラインフレームの場合は、インラインフレーム内の左上になります。インラインフレームの場合は、表示エリアを多少大きめにしておかないと、大きめのサムネイルが表示されません。ただ、表示位置を制御しやすいのはインラインフレームの方です。

スクリプトで直接貼り付ける場合の例

画RSS 上200px、左600px、オフセット18px、最下部0pxの表示例。これはスクリプトで直接貼り付ける場合の基本としてみて下さい。あとはプレビューしてみて、お使いのプログにあったサイズに。ちなみにブラウザの左上なので、モニタの解像度に依存することを忘れないで下さい。あまり右側にすると、800x600位の解像度だと見切れます。

インラインフレームで貼り付ける場合の例

画RSS 上0px、左250px、オフセット18px、最下部0pxの表示例。インラインフレームの場合は、モニタの左上ではなくて、インラインフレームの左上が基準になります。ただ、インラインフレーム自体が狭いので、それを考えた設定にしましょう。上の設定なら、それ程問題はないはず。

4.コード発行

以上で基本の設定は終了です。左メニューの「コード発行」から、貼り付けるコードを取得しましょう。

画RSS これが貼り付け用のコードです。これをブログテンプレートに貼り付けましょう。

5.ブログテンプレートに貼り付け・スクリプト編

紹介されているコードをそのまま貼り付けるパターンです。貼り付けるブログテンプレート部分は以下の箇所です。


<!-- RSS紹介開始 -->
<!-- 使用しない場合はここから下を削除↓ -->
<div id="rss">
<div id="rsstitle">
画RSS
</div><!-- rsstitle -->

<div id="rssmain"><!-- ここから下に挿入↓ -->
このエリアにRSS更新情報が入ります。<br />
ドリコムRSSや画RSSのファイルを指定してください。<br />
このエリアを使用しない場合は、RSS紹介の部分を削除してください。<br />
もちろんバナーなどの広告エリアとしても使用できます。<br />
RSS以外のテキストで使用する場合、line-heightを150%にすることをすすめます。
</div><!-- rssmain --><!-- ここから上に挿入↑ -->

<!-- インラインフレームを使用する場合は以下を参考に。 -->
<!-- rssmainの部分を削除して、rsstitleの下に挿入してください -->
<!-- heightで高さが決まります。お好きなサイズに調整してください -->
<!--
<iframe src="アップした(指定された)htmlファイルのアドレス" width="100%" height="250?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
-->

</div><!-- rss -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- RSS紹介終了 -->

ここに挿入部分にコードを貼り付ければいいんですが、例としては以下になります。


<!-- RSS紹介開始 -->
<!-- 使用しない場合はここから下を削除↓ -->
<div id="rss">
<div id="rsstitle">
画RSS
</div><!-- rsstitle -->

<div id="rssmain"><!-- ここから下に挿入↓ -->
指定されたコードを挿入
</div><!-- rssmain --><!-- ここから上に挿入↑ -->
</div><!-- rss -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- RSS紹介終了 -->

画RSS 単純にコードを挿入すれば完成です。簡単ですが、この方法の欠点は登録サイトが増えるとエリアも広がる点です。この場合、表示レイアウト設定で「表示最大件数」を減らすなどで対応して下さい。広がるのが嫌なら、インラインフレームを使用しましょう。

5.ブログテンプレートに貼り付け・インラインフレーム編1

今度はインラインフレームを使用して貼り付けます。この場合、サムネイルの表示位置と表示エリアを制御できる利点がありますが、HTMLファイルを自作する必要があります。とはいってもそんなに大げさなものではありませんので、こちらでご紹介するものを利用すれば簡単です。ご自由にお使い下さい(スタイルシートはランキング用のものを利用します)。

まずはインラインフレーム用のテンプレートです。これはブログのテンプレートとは関係ありませんので注意してください。インラインフレーム専用です。
また、テキストファイル(.txt)ですので、ダウンロードした後、拡張子をhtmlに変更して下さい。

画RSS用HTMLファイル
共通CSSファイル(ASP-Rankerと共通です)

HTMLファイルは、拡張子をhtmlに変更するのと同時に、修正する箇所があります。以下の箇所を、ご自分のブログ用のアドレスに修正してください。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" href="アップしたcssファイルのアドレス" type="text/css">

<title>画RSS</title></head>
<body id="alldiv">

<div id="garss">
指定された画RSSのアドレス
</div>

</body>
</html>

変更箇所は、アップしたcssファイルのアドレス指定された画RSSのアドレスの2箇所です。共通CSSファイルをまだアップロードしていない場合は、お使いのブログ上でアップロードしてください。そして、拡張子をhtmlに変更した画RSS用のHTMLファイルをブログ上でアップロードします。

6.ブログテンプレートに貼り付け・インラインフレーム編2

次はブログテンプレートに先ほどアップしたファイルを挿入します。あと少しですので頑張りましょう
変更箇所は以下の部分です。スクリプトで貼り付けるのと同じになります。


<!-- RSS紹介開始 -->
<!-- 使用しない場合はここから下を削除↓ -->
<div id="rss">
<div id="rsstitle">
画RSS
</div><!-- rsstitle -->

<div id="rssmain"><!-- ここから下に挿入↓ -->
このエリアにRSS更新情報が入ります。<br />
ドリコムRSSや画RSSのファイルを指定してください。<br />
このエリアを使用しない場合は、RSS紹介の部分を削除してください。<br />
もちろんバナーなどの広告エリアとしても使用できます。<br />
RSS以外のテキストで使用する場合、line-heightを150%にすることをすすめます。
</div><!-- rssmain --><!-- ここから上に挿入↑ -->

<!-- インラインフレームを使用する場合は以下を参考に。 -->
<!-- rssmainの部分を削除して、rsstitleの下に挿入してください -->
<!-- heightで高さが決まります。お好きなサイズに調整してください -->
<!--
<iframe src="アップした(指定された)htmlファイルのアドレス" width="100%" height="250?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
-->

</div><!-- rss -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- RSS紹介終了 -->

そして貼り付けた例がこちら。


<!-- RSS紹介開始 -->
<!-- 使用しない場合はここから下を削除↓ -->
<div id="rss">
<div id="rsstitle">
画RSS
</div><!-- rsstitle -->

<div id="rssmain"><!-- ここから下に挿入↓ -->
<iframe src="先ほどアップしたHTMLファイルのアドレス" width="100%" height="250?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
</div><!-- rssmain --><!-- ここから上に挿入↑ -->
</div><!-- rss -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- RSS紹介終了 -->

画RSS 先ほどアップしたHTMLファイルのアドレスの部分を変更してください。標準テンプレートから変更した例は画像のようになります。インラインフレームなので、縦のサイズを変更すれば、RSS登録が増えてもサイズが大きくなりません。リンクに乗せた画像が表示されなかったり、リンクを邪魔したりする場合は、画RSSの「画像表示設定」で調整しましょう。

以上が画RSS貼り付け作業でした。お疲れ様です。気が付いた人もいるかと思いますが、リンクの色が直接とインラインフレームでは異なります。使用しているスタイルシートが異なるので、このようになります。スタイルシートを修正すれば、色の変更は可能です。

ここまでブログのテンプレートをカスタマイズすれば、作業はほとんど完了です。あとは記事と、広告部分のカスタマイズをもう少し行いましょう。その前に、今までのカスタマイズをおさらいしてみます。初めてのエログまとめ。今までのカスタマイズを全て行った例にて、今までのカスタマイズを行った画面を紹介しています。

2006年10月20日

「6.ランキングの登録と貼り付け」ASP-Ranker 新規登録サイト編

今回は新規登録サイトのカスタマイズをしてみましょう。どれくらい新規登録サイトを重視するかにもよりますが、テキストでの紹介でも大丈夫だと思いますので、こちらで紹介するのはテキストと登録日のみ表示するシンプルなものです。テーブル組みではないので、brタグでも使用すれば、カテゴリなども表示できます。
新規登録なので、もうすでにランキングはカスタマイズ済みとして解説しますので、まずは「6.ランキングの登録と貼り付け」ASP-Ranker ランキング編や、「6.ランキングの登録と貼り付け」ASP-Ranker 更新情報編などのカスタマイズを先に行ってください。新規だけカスタマイズしても無意味です。

1.新着ページのテンプレート設定

新着 設定箇所は、ランキング欄のレイアウト設定から、上メニューのレイアウト設定部分の新着をクリックします。ちなみに画像はすでにテンプレートを変更済みです。
ランキングなどと同様で、ヘッダ、ボディー、フッター各部分にテンプレートをコピペしてください。テーブルは使用していません。
10/28訂正
ヘッダー部分に誤りがありました。修正をお願いします。

ヘッダー部分


<link href="アップしたcssファイルのアドレス" rel="stylesheet" type="text/css">
<base target="_blank">
<body>

<div id="aspbox">

メイン部分


<div class="aspdiv">
#sitename#<span class="dateinl"> (#date4#)</span>
</div>

フッター部分


</div>

手順としてはランキングや更新情報と同様ですので、同じようにやってみて下さい。あえて説明は書きません。

2.ブログテンプレートへ貼り付け

これもランキングや更新情報と同様です。変更する箇所はランキング部分の下です。この場所は変更可能ですが、右カラムに掲載することを前提としていますので、他(左とか)に掲載すると表示がずれる+カラム落ちします。
できたら、解説を読まずにカスタマイズに挑戦してみて下さい。書いてある通りにやるだけでは、自分でカスタマイズすることはできませんので。
編集前のHTMLファイルを保存しておけば、いつでも正常なテンプレートに戻せます。さあ、やってみましょう。どうしてもだめなばあいは、以下の説明をご覧下さい

3.閑話休題 -DTIブログに標準で設定されているエントリ広告-

スペースを空けるためにw、DTIブログで用意されているエントリ広告を貼って見ます。他の広告と同じように、xxxxxのアフィリエイトID部分を変更するだけで使用できます。現在でもかなりの数の広告テンプレが用意されていますので、これだけでも記事は書けますね。

紫彩乃 カリビアンコム カリビアンコム [無修正サンプル動画]
紫彩乃
ダイナマイト

サンプル動画ダウンロード サンプル動画はこちら!

4人の男に全身を触られ、バイブ挿入!喘ぎ声に大人の女と重みを感じるっス!まず、ダイナマイトフェラ!1本のチンコをほおばりフェラ!フェラテクと手コキで、あっという間に1発目を口射!、おいしいと言いザーメンを飲み干し2本目のザーメンも顔に塗り引き続き舐めてしまう。残りの2本も代わる代わる口に入れWフェラにW手コキ!なんと4人分のザーメンを飲み干す!若さを保つ秘訣は若い男のザーメンを食すことなり!マッサージ機でクリトリスを刺激しながら豪快に放尿! 出るわ出るわ!ぜんぜん止まる気配がありません。す、スゴイっス!実は彩乃サンさんイク時に放尿する癖がありおしっこと潮吹きが混じり合い顔面全体にスプラッシュ!!
>続きはこちら!

紫彩乃 カリビアンコム紫彩乃 カリビアンコム紫彩乃 カリビアンコム紫彩乃 カリビアンコム紫彩乃 カリビアンコム

4.テンプレート変更の実例

貼り付ける新着ページのアドレスは、ランキング欄のトップをクリックした画面です。このアドレスを貼り付けましょう。

テンプレートの変更箇所


<h3 class="righttitle">
新規登録サイト
</h3>
<div class="rightmain"><!-- 新規登録サイト -->
新規登録サイトの表示用。インラインフレームを使うと、スクロールでアクセスを調整できます。
</div><!-- 新規登録サイト -->

テンプレートの変更例


<h3 class="righttitle">
新規登録サイト
</h3>
<div class="rightiframe"><!-- 新規登録サイト -->
<iframe src="指定のアドレス" width="230" height="200?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
</div><!-- 新規登録サイト -->

新着 いつもの通り、指定のアドレスの部分を変更してください。プレビューで画像のように(登録サイト以外)なっていれば成功です。

これで更新情報、ランキング、新規登録サイトという、カスタマイズが難しい部分も変更できました。あとはRSS部分が終われば、基本的なエログの構成は完了です。
「7.RSS更新情報の登録と貼り付け」画RSS編で頑張りましょう。

2006年10月19日

「6.ランキングの登録と貼り付け」ASP-Ranker ランキング編

今回は「6.ランキングの登録と貼り付け」ASP-Ranker 更新情報編の続きで、ASR-Rankerを使用したアクセスランキングを貼り付けてみましょう。
登録などの基本的な事は、上のリンクからご確認下さい。ランキング用のサイトは登録されているものとして説明していきますので、登録していない場合は適当なサイトで構いませんので登録しておいて下さい。
それでは早速貼り付けてみましょう。

1.ランキングの項目設定

最初はカテゴリの編集をクリックして、登録サイト用のカテゴリを決定しておいて下さい。多分後から編集すると煩わしいことになります。お使いのサイトに合わせたジャンルでどうぞ。
次はこちらで紹介するテンプレートに合わせた設定に変更してください。以下に紹介する項目以外はお好きな設定でどうぞ。(新着サイトとお勧めサイトに表示する文字は表示していませんので、設定されても表示されません。)

ランキング まず左メニューのランキング欄、機能設定をクリックします。設定内の、相互リンク登録画面の設定を変更してください。
サムネイルをクリックするとフルサイズ画像が表示されますので、その画像で表示されているように設定を変更してください。サムネイルサイズは60x60、コメントの文字数もテンプレートに合わせてありますので、設定が違うと表示がずれます。

2.ランキングのレイアウト設定・スタイルシート

こちらで紹介するテンプレートはメインランキング用です。もちろん同じ表示方法でよければ、セカンドランキングや新着などに使用することも可能です。

こちらで使用するスタイルシートですが、わかりやすいように更新情報のスタイルシートと同じものを使用しています。更新情報用のスタイルシートをアップロードしてあれば、スタイルシートのアドレス指定はそちらをお使い下さい。
ランキングのみ使用される場合は、下のASP-Ranker用スタイルシートをダウンロードして、そのままお使いのブログでアップロードしてください。

ASP-Ranker用スタイルシート

3.ランキングのレイアウト設定・テンプレート

ランキング ランキングのテンプレートはヘッダ、ボディー、フッターの3つに分かれています。それぞれ間違いないようにペーストしてください。下にそれぞれのテンプレートを紹介しますので、コピペでお願いします。

ヘッダー部分


<link href="アップロードしたcssファイルのアドレス" rel="stylesheet" type="text/css">
<base target="_blank">
<body>

ボディー部分


<tr>
<td>

<table class="asptable" width="215">
<tr>
<td width="15" class="asptext2" rowspan="2">
#rank##<br />
#arrow#
</td>

<td width="60" rowspan="2">
#thumb#
</td>

<td width="140">
#sitename#
<span class="siteinl">#category#</span><div style="clear: right;"></div>
</td>
</tr>
<tr>
<td class="asptext">
#comment#
</td>
</tr>
</table>
</td>
</tr>

フッター部分


</table>

以上を各エリアに貼り付けて下さい。できたらプレビューで確認しましょう。

4.ランキングのレイアウト設定・変更とプレビュー

更新情報と同じで、ヘッダー部分のアップロードしたcssファイルのアドレスと書かれている部分を削除して、お使いのブログでアップロードしたcssファイルのアドレスをペーストして下さい。これを間違えると表示がおかしくなりますので、正確にお願いします。

次も同様に変更を反映させるボタンを押して、レイアウトのプレビューをクリックしましょう。

ランキング 画像は貼り付けが成功した例です。こちらは1列表示で、ブログテンプレートの右カラムに貼り付けることを想定しています。画像や情報などが登録通りに表示されているか確認してください。
問題が無ければASP-Ranker側のカスタマイズは終了です。今度はブログテンプレートにランキングを貼り付けましょう。

5.ランキングをブログに貼り付ける

ランキングを貼り付けるアドレスは、左メニューランキングのトップをクリックすると表示されます。いくつかありますが、メインランキングページが先ほどカスタマイズしたリンクです。こちらを貼り付けます。

次はブログの編集画面です。テンプレート編集画面に移動し、HTML部分をCtrl+Aなどで全文選択し、テキストエディタに貼り付けて下さい。編集はテキストエディタを利用しましょう。また、最初に貼り付けたテキスト(HTML)を保存しておくことを強くすすめます。そうしないと大きな間違いをしてしまった場合に元に戻れなくなります。バックアップは基本ですから、必ず行ってください。

ランキングを貼り付けるのは右カラム一番上です(こちらのサイト参照)。更新情報と同じで、基本的にアドレスを貼り付けるだけで終わります。
下記の部分が編集するHTML箇所です。


<h3 class="righttitle">
アクセスランキング
</h3>
<div class="rightmain"><!-- アクセスランキング -->
<a href="http://www.dti-ranker.com/" target="_blank">DTIランカー</a>など各種ツールを使ってアクセスランキングを表示。230pxあるのでカスタマイズしやすい。<br />
インラインフレームを使うと、アクセスコントロールができます。
</div><!-- アクセスランキング -->

HTMLファイルにも説明してありますが、本文用のセレクタを変更して、本文(ランキング)を挿入します。下に変更したテンプレートを紹介しますので、それをお使い下さい。


<h3 class="righttitle">
アクセスランキング
</h3>
<div class="rightiframe"><!-- アクセスランキング -->
<iframe src="ランキング用のアドレス" width="230" height="460?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
</div><!-- アクセスランキング -->

ランキング用のアドレスの部分に、ASP-Rankerのメインランキングページのアドレスを貼り付けて下さい。
できたら、該当部分を変更したブログのHTML部分を編集画面に貼り付けて、プレビューしてみましょう。

ランキング 画像は、標準のテンプレートからランキング部分だけを変更した状態になります。右カラムが230pxあるので、サムネイルを使ったランキングもそれほど窮屈にならずに掲載することができます。
ベースのランキング用テンプレートをカスタマイズするのは問題ありませんので、お好きなデザインに変更してみて下さい。

以上がランキングの設置部分のカスタマイズになります。後は新規登録サイトのカスタマイズです。「6.ランキングの登録と貼り付け」ASP-Ranker 新規登録サイト編へ続きます。

2006年10月18日

「6.ランキングの登録と貼り付け」ASP-Ranker 更新情報編

今回は更新情報を設置してみましょう。こちらで紹介するのは、ASP-Ranker!を使用した設置の方法です。同様の機能を持ったスマトレードもありますが、どちらかというならばASP-Rankerをオススメしておきます。こちらの方が機能が豊富でカスタマイズも手軽にできると思います。

まずは登録が済んでいないのでしたら、ASP-Rankerさんから登録して下さい。スマトレードと違って即日登録です。
そしてログインして下さい。また、初めての場合はよく説明などをお読みになり、いくつか設定を変更したりして、操作に慣れておいて下さい。

1.更新情報の項目設定

その前に、まずは機能設定(左メニューの更新情報欄の機能設定)でサイトに合わせた設定に変更しておいて下さい。ここで紹介するのは更新情報ページ1のみです。
また、登録サイトがなければ表示されませんので、できれば最低4サイト位はご自身で登録して下さい。登録の削除も後でできますので、最初は適当なサイト(ここでもいいですよ)を練習のつもりで登録しておいて下さい。(ランキング欄の相互リンクの追加から登録できます。)

更新情報 最重要:標準では更新情報機能がオフになっています。左メニューその他の登録情報の更新をクリックして、更新情報配信機能を「使用する」に変更してください。非常にわかりにくい設定及び場所なので、気をつけて下さい。

更新情報 次に項目設定を変更します。サムネイルをクリックするとフルサイズ画像が表示されますので、この通りの設定に変更して下さい。この設定でテンプレートを作成していますので、項目が異なると表示も異なります。

必須項目が、サムネイル(サイズは60x60)、女優名/タイトル、内容となります。文字数制限もテンプレートに合わせてあります。

2.更新情報のレイアウト設定・スタイルシート

左メニューからレイアウト設定をクリックすると、最初に表示されるのは、レイアウト1のテンプレート設定になります。レイアウト2はこちらでは紹介しません。

テンプレートはこの画面で入力しますが、まずはこのテンプレート用のスタイルシートが必要になります。既に作成してありますので、まずはこのスタイルシートをダウンロードしてください。
ASP-Ranker用スタイルシート
ダウンロードしたら、そのままお使いのブログ上でアップロードして下さい。DTI、FC2共にスタイルシートやHTMLファイルはアップロードして利用できます。

アップロードができたら、次はテンプレートを変更します。

3.更新情報のレイアウト設定・テンプレート

更新情報 更新情報のテンプレートはヘッダ、ボディー、フッターの3つに分かれています。それぞれ間違いないようにペーストしてください。下にそれぞれのテンプレートを紹介しますので、コピペでお願いします。

ヘッダー部分


<link href="アップロードしたcssファイルのアドレス" rel="stylesheet" type="text/css">
<base target="_blank">
<body>
<table class="boxtable" width="872">

ボディー部分


#4#<tr>#
<td>

<table class="asptable" width="218">
<tr>
<td class="asptext3" width="65">
#date4#
</td>
<td width="153">
<a href="#url#" target=_blank>#name#</a>
</td>
</tr>
<tr>
<td width="65" rowspan="2">
<a href="#url#"><img src="#FLD1#" width="60" height="60" alt="banner"></a>
</td>
<td>
<span class="asptitle">#FLD6#</span>
</td>
</tr>
<tr>
<td class="asptext">
#FLD7#
</td>
</tr>
</table>

</td>
#4#</tr>#

フッター部分


</table>

以上をまずは正確に貼り付けて下さい。次は変更部分とプレビューで確認です。

4.更新情報のレイアウト設定・変更とプレビュー

まずはスタイルシート部分を変更して下さい。ヘッダー部分に赤字でアップロードしたcssファイルのアドレスと書かれている部分を削除して、そこに先ほどアップロードしたcssファイルのアドレスをペーストして下さい。これを間違うと表示がおかしくなりますので、正確にお願いします。

次にプレビューではなくて、フッター部分下にある変更を反映させるボタンを押して、変更を保存して下さい。プレビューはその後です。

プレビュー 次はプレビューして確認しましょう。サムネイルをクリックすると成功例が見れます。ちなみに4列表示なので、4サイト未満の登録だとレイアウトがずれます。4以上登録があればちゃんと表示されますので、その部分は気にしないで下さい。それ以外で画像と異なる部分(もちろん登録情報と画像は除きます)があれば、ペーストに問題がないか確認して下さい。

表示に問題がなければテンプレートの編集は成功です。次はブログのテンプレートに更新情報を貼り付けます。

5.更新情報をブログに貼り付ける

ブログのテンプレートを変更して、先ほどの更新情報を貼り付けます。更新情報のアドレスは、左メニュー更新情報欄のトップをクリックすれば表示されます。こちらの更新情報ページ1のアドレスになります。まずはブログのテンプレートを変更しましょう。

ブログのテンプレート編集画面に移動して下さい。HTML部分をCtrl+Aなどで全文選択し、テキストエディタに貼り付けて下さい。編集はテキストエディタを利用しましょう。また、最初に貼り付けたテキスト(HTML)を保存しておくことを強くすすめます。そうしないと大きな間違いをしてしまった場合に元に戻れなくなります。バックアップは基本ですから、必ず行ってください。

テンプレート上に更新情報エリアがありますから、すこし修正して先ほどのアドレスを貼り付ければ完成です。難しくはありません。
下記の部分が編集するHTML箇所です。


<!-- サイト更新開始 -->
<!-- 使用しない場合はここから下を削除↓ -->
<div id="kousin">
<div id="k-title">
オススメサイト更新情報
</div><!-- k-title -->

<div class="kousincontent"><!-- ここから下に挿入↓ -->
このエリアに提携サイトの更新情報が入ります。<br />
スマトレード、ASP-Rankerなどのファイルを指定するか、インラインフレームで読み込んで下さい。<br />
このエリアを使用しない場合は、サイト更新の部分を削除してください。
</div><!-- kousincontent --><!-- ここから上に挿入↑ -->

<!-- インラインフレームを使用する場合、以下を参考に。サイズは変更可能。 -->
<!-- kousincontentの部分を削除して、k-titleの下に挿入してください -->
<!-- heightで高さが決まります。お好きなサイズに調整してください -->
<!--
<iframe src="アップした(指定された)htmlファイルのアドレス" width="100%" height="400?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
-->

</div><!-- kousin -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- サイト更新終了 -->

説明文付きですが、下に変更したテンプレートを紹介しますので、わからなければそちらをそのまま全文貼り替えて下さい。(もちろんサイト更新部分のみの全文です)


<!-- サイト更新開始 -->
<!-- 使用しない場合はここから下を削除↓ -->
<div id="kousin">
<div id="k-title">
オススメサイト更新情報
</div><!-- k-title -->

<div class="kousincontent"><!-- ここから下に挿入↓ -->
<iframe src="指定されたURL" width="100%" height="400?hd=1&wmode=transparent" frameborder="0" scrolling="yes"></iframe>
</div><!-- kousincontent --><!-- ここから上に挿入↑ -->
</div><!-- kousin -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- サイト更新終了 -->

コメントは外しました。インラインフレーム部分を挿入部分に貼り付ければいいんですが、少し説明がわかりにくいかも。
これを使用すれば大丈夫ですが、赤部分のアップした(指定された)htmlファイルのアドレスに、先ほどの更新情報ページのアドレスを貼り付けて下さい。
そして、青部分の400がインラインフレームの縦のサイズです。更新サイトの数やアクセス数の調整などによってサイズは調整してください。単純に大きくすればサイズが大きくなります。

プレビュー 修正部分を書き換えたら、修正したテンプレートをブログの編集画面で貼り付けて、プレビューで確認してください。画像は標準テンプレートから更新情報の部分だけ変更した画面です。このようになっていなければ、何か問題がありますので、もう一度各作業を確認してみて下さい。

以上で更新情報の設定は完了です。説明のほとんどがASP-Rankerに関することでもわかるように、ブログテンプレートの変更はほとんど必要ありません。通常のテンプレートで同じことをする場合、まずはボックス自体を設置する必要があります。このテンプレートならこれだけで済みます。

こちらの更新情報のテンプレートですが、このブログテンプレートをお使いの方でしたらそのままお使いいただけます。また、この更新情報のテンプレートだけ使いたい方もいるかと思いますが、自由にお使い下さい。できましたら、このページへのリンクをお願いいたします。リンク場所は問いませんし、リンクは任意で結構です。

次はランキングです。「6.ランキングの登録と貼り付け」ASP-Ranker ランキング編へどうぞ。

2006年10月15日

「5.広告の貼り付け」

今回は、基本のテンプレートを利用して広告を貼ってみましょう。上部のフリーエリアに、広告のコードを貼り付ける実例をご紹介します。実際には、もう少し修正した方が見た目はきれいですが、とりあえずこの方法でも大丈夫です。もう少し慣れてきたら修正しましょう。
また、フリーエリアの使用方法については後ほどもう少し詳しく解説します。こちらは単純に貼り付ける解説だけ行います。

まだ登録していない方は、こちらから登録できます。

1.コードを貼り付ける箇所

サンプル
このエリアのHTML(更新情報下のフリーエリア)


<!-- 更新情報下広告エリア -->
<!-- 使用しない場合はここから下を削除↓ -->
<div class="topad">
<div class="topadtitle">
トップ広告エリア
</div><!-- topadtitle -->

<div class="topadcontent"><!-- ここから下に挿入↓ -->
更新情報下の広告エリア。<br />
ここは左寄せです。ご自由にどうぞ。
</div><!-- topadcontent --><!-- ここから上に挿入↑ -->
</div><!-- topad -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- 更新情報下広告エリア終了 -->

基本的にカスタマイズする箇所には説明文をつけてあります。このエリアを使用しない場合、<!-- 使用しない場合はここからxxを削除 -->のエリアを削除してください(この部分全部でももちろんかまいません)。
また、広告のコードを貼るエリアは、赤色の部分です。この赤の文章を削除して、広告のコードを貼り付けましょう。後ほど他のエリアにも貼り付けますが、基本は一緒ですので覚えて下さい。

2.広告(DTI)の広告用コード

サンプル
DTIの広告コードはこのように紹介されています。広告の種類、サイズ、サンプル、コードです。まずは貼り付ける箇所に合ったサイズの広告を選び、そしてその箇所に広告用のコードを貼り付けます。
では、広告用のコードを見てみましょう。


<a href="http://click.dtiserv2.com/Click501/501-6-xxxxx" target="_blank">
<img src="http://affiliate.dtiserv.com/image/carib/camp/700x200.jpg" border=0></a>

他の広告でもそうですが、紹介されているコードをそのまま貼り付ければいい所と、アフィリエイト用のIDを変更しなければならない広告があります。DTIはIDを変更しなければならないので、コードの紹介でxxxxxになっている部分を自分の登録者(アフィリエイト)IDに変更しましょう。これを変更しないと、ちょっと懐かしい感じの広告へと変貌しますw
それでは、この広告用コードを実際に貼り付けてみましょう。(この広告コードは変更されたり、削除されている可能性があります。700x200サイズの広告ならどれでも(このサイズでなくても)大丈夫ですので、お好きな広告を貼って下さい。)

3.フリーエリアに広告を貼り付ける

変更する箇所と広告用のコードは紹介してありますから、実際に変更したHTMLを紹介します。(アフィリエイトIDは変更して下さい。また、広告の種類が入れ替わっていても問題ありませんので、同じ広告でなくても気にしないで下さい。700x200サイズの広告を例として貼り付けています。)


<!-- 更新情報下広告エリア -->
<!-- 使用しない場合はここから下を削除↓ -->
<div class="topad">
<div class="topadtitle">
トップ広告エリア
</div><!-- topadtitle -->

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

<a href="http://click.dtiserv2.com/Click501/501-6-xxxxx" target="_blank">
<img src="http://affiliate.dtiserv.com/image/carib/camp/700x200.jpg" border=0></a>

</div><!-- topadcontent --><!-- ここから上に挿入↑ -->
</div><!-- topad -->
<!-- 使用しない場合はここから上を削除↑ -->
<!-- 更新情報下広告エリア終了 -->

実際に表示した画像
サンプル

いかがでしょうか。広告がフリーエリアに表示されました。このように、フリーエリアに広告を貼るのはこんなに簡単です。通常のブログテンプレートだと、自分でこのエリアを作成しなければなりません。
あとはタイトルを変更したり、このエリアのボーダーを変更したり、などのカスタマイズをすればOKです。この方法については、本格的なカスタマイズの方法としてご紹介予定です。

4.他の場所にも広告を貼り付ける

上部にはフリーエリアが3箇所あります。広告の貼り方は同じで、説明されているエリアに広告用コードを貼り付けるだけ。実際にやってみて下さい。
そして、広告を貼り付けるとこのようになります。

サンプル
単純に貼り付けただけですので、ちょっとサイズが合っていませんが、これは多少のカスタマイズで調整できます。ある程度の知識があれば、サイズとボーダー、背景色を変更すれば済むのがおわかりかと思います。
この部分のカスタマイズについては、後ほど紹介します。センタリング部分ならそれ程気にならないかと思います。

いかがでしょうか。広告を貼り付けるだけならこんなに簡単です。あとはフリーエリアの調整と、お気に入りの広告を選ぶだけです。

次はエログに必須の項目、更新情報です。「6.ランキングの登録と貼り付け」ASP-Ranker 更新情報編へどうぞ。

2006年10月13日

「4.広告の登録」af-board Sign Board Shop編

登録はこちら。
アダルトアフィリエイト

両方とも、登録するだけでポイントが還元されるサービス中。DTIとは広告サイトが被らないので、スペースに余裕があればさらに幅広い売り上げが期待できます。
広告サイトも、素人投稿サイトや覗き、お宝、アニメなど、工夫しだいで売り上げに差がでそうなラインナップです。上手く掲載すれば効果抜群です。

欠点は、広告の種類がほとんどバナーなので、フラッシュほど目立たないことです。テキストなども含めて紹介してみましょう。

こちらも各種広告を紹介してみます。見たことのないサイトもあるかと思います。広告サイトを知ることも効果を上げる秘訣ですので、よく確認してみましょう。

実際に広告エリアに貼り付けるカスタマイズは、「5.広告の貼り付け」で紹介しています。

登録だけで50$

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

DTIブログで始める

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

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

カレンダー

« 2017 ⁄ 03 »
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