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

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

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

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

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

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

コメント

質問です。。。

大変、有難く使わせていただいてます

質問なんですが
ブログテンプレートに貼り付け・
インラインフレーム編1で
指定された画RSSのアドレスとありますが、
いったい、どこのアドレスなんでしょうか?

よろしくお願いいたします

コメントの投稿

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

トラックバックURL

http://blogtube.dtiblog.com/tb.php/17-bdb03a99

トラックバック

おれがオカズにされたw

いつも通りチャックからポロンと出して見せてたら、なんかモゾモゾ動いてやんの。なにしてんのかなーと思って覗き込んだら自分でパンツの上から割れ目をさすってやがったwまだ若い娘だったからムラムラきちゃったんだろうなぁ。。

トラックバック

逆そーぷでヌポヌポ体験

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

トラックバック

マジだ!どうしよう?

すごいすごい!本当にいたよ!!うわさの童 貞キラー「ゆみ」www

トラックバック

にゅぶにゅぶしてた

久しぶりにセクロースしきたおw「なんでもしてあげるから、お金ください」って言ったらアポ入りまくりだし!飢えてる女だから生出しでおkだったけどウマすぎんだろこれwww

トラックバック

生OKだってよ!!

生って気持ちよすぎだろ!!ガマンできなくて中にコポコポ出しちゃったしなwてゆか、簡単すぎて逆に一瞬引いたわwww

トラックバック

おうまたんごっご

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

トラックバック

生身のおもちゃって言うから…

何するのかなと思ってたんだけど、女が好きな様にやってるだけじゃね〜か(笑)みっちり3回も搾られて疲れたんけど、5時間相手して5万も貰えりゃ〜文句言えないよなw

登録だけで50$

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

DTIブログで始める

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

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

カレンダー

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

カテゴリ

最新の記事

コメント

トラックバック

月間アーカイブ

検索

お世話になってます

アクセスランキング

RSS Feeds

Appendix


エログ

フルHDエロ動画

ブログ

チャットレディーブログ

DXJOBのお仕事

アダルトSNS モンロー


アダルトDTIブログ登録

DTIカリビアンコム広告

登録すれば30$還元

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

ASP-Ranker!ランキング

新規登録サイト

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

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


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

無修正動画
無修正動画

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

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

close