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

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

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

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

2006年11月12日

画像を右に配置する

今回は画像を右に配置してみます。通常は画像が左でテキストを右に回りこませるパターンですが、逆に配置することで、エントリにめりはりとインパクトがでます。
画像を使ってリンク先をxxxはありがちなので、少し違った方法でやると効果があがるはず。

1.スタイルシートの追加

意外と簡単で、スタイルシートの追加とエントリ最後に回りこみ解除指定するだけです。それではスタイルシートの追加はこちら。


.imgright{
margin: 0 0 12px 16px;
float: right;
}

スタイルシートの最後にでも追加してください。意味は、マージンを左に16px、下に12px取り、画像を右に寄せます。
そして記事の右に配置したい部分で使用します。

2.記事での使用方法

使い方も簡単ですが、必ず右への回り込みを解除してください。使用例はこちら。

	エロ画像 ちょいエロYouTube
無料エログ
エロの原石を探せ!
おぱ地下ブログ

この右に配置したエントリはこのようになっています。


<p><img class="imgright" src="http://14.dtiblog.com/b/blogtube/file/001.gif" width="300" height="150" alt="	エロ画像" />
<a href="http://ranks1.apserver.net/share/out.php?u=blogtube&id=elogtube">ちょいエロYouTube</a><br />
<a href="http://ranks1.apserver.net/share/out.php?u=blogtube&id=muryo">無料エログ</a><br />
<a href="http://ranks1.apserver.net/share/out.php?u=blogtube&id=genseki">エロの原石を探せ!</a><br />
<a href="http://ranks1.apserver.net/share/out.php?u=blogtube&id=opachika">おぱ地下ブログ</a>
</p><div style="clear: right;"></div>

imgに対してclass="imgright"を指定し、最後に右寄せを解除します右寄せを解除しないとずっと右寄せが有効になりますので、必ず忘れないで下さい。

3.右寄せと左寄せを両方使う

	エロ画像 ちょいエロYouTube
無料エログ
エロの原石を探せ!
おぱ地下ブログ

エロ画像 ちょいエロYouTube
無料エログ
エロの原石を探せ!
おぱ地下ブログ

右寄せと左寄せを交互に配置。使い方によってはインパクトがでます。
また左寄せの画像とテキストのマージンが違うと思いますが、通常テンプレートなら同じになっているはずです。

2006年11月10日

エントリ上部箇所を日付からタイトルに変更する

今回はエントリ本文を少しカスタマイズしましょう。エントリ本文の上段は日付になっていますが、エログだと日付が一番上というのは珍しいみたいなので、一番多いと思われるタイトルを上段に持って行きます。
それ以外に、上段部分のスタイルシートを少々いじってみた例を紹介します。本文は特にいじる必要はありませんし、いじらない方がいいと思いますが、上段はカスタマイズして自分好みに変更するのもよいかもしれません。

1.上段部分を日付からタイトルへとカスタマイズ

カスタマイズ
単純に日付部分にタイトルを持っていき、日付はエントリのフッター部分に移動しました。以下がそのカスタマイズ例です。変更部分のみ記述してあります。また時間は削除しました。


<div class="maindate"><!-- エントリタイトル -->
<h2 class="maindate2" id="a<%topentry_no>"><%topentry_title>

</h2>
</div><!-- maindate -->

<div class="mainentry"><!-- エントリ全体のボックス -->
<div class="maincontent"><!-- エントリ本文 -->
<%topentry_body>
</div><!-- maincontent -->

<!--more_link-->
<div class="mainmore">
<a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">…続きを読む</a>
</div><!-- mainmore -->
<!--/more_link-->
<!--more-->
<div class="maincontent"><!-- 追記本文 -->
<%topentry_more>
</div><!-- maincontent -->
<!--/more-->

<div class="mainfooter"><!-- エントリ下部 -->
<%topentry_month>/<%topentry_day> カテゴリ : <a href="<%topentry_category_link>" title="<%topentry_category>のページへ"><%topentry_category></a>
| <a href="<%topentry_link>" title="<%topentry_title>のページ">記事のURL</a>

色が変わっている部分が変更箇所です。スタイルシートはそのままで、HTML部分だけ置き換えればそのまま表示できます。タイトルを重視したい場合は変更してみて下さい。

2.スタイルシートを変更する

見映えに影響する部分なので、ここをカスタマイズするだけで雰囲気が変わります。自分好みにどうぞ。
スタイルシートはこの部分になります。


.maindate{
padding: 3px;
text-align: left;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.maindate2{
font-size: 12px;
font-weight: bold;
color: #000;
}

maindateが上段部分のボックス、maindate2が文字の指定をしています。これを少しカスタマイズしてみましょう。


.maindate{
padding: 5px 3px 10px;
text-align: center;
background: #279bb3;
border-bottom: solid 3px #e51717;
}

.maindate2{
font-size: 12px;
color: #f6f6f6;
}

カスタマイズ
少々派手にしてありますが、このようにテキストと色の変更だけでも印象が変わりますので、お好きなカスタマイズを楽しみましょう。

2006年10月08日

エントリ部分に貼り付けできる画像の最大サイズ

エントリ部分の画像の最大サイズについてですが、何もしない状態ならば、454pxまでカラム落ちせずに貼り付けられます。
そしてimgタグにstyle属性を使用することで、最大470pxまで貼り付け可能になります。バナーサイズ(今貼り付けて初めて気づいた)の468pxを貼り付ける可能性は高いため、このサイズを貼り付ける場合は以下のようにして下さい。

<img src="url" width="" height="" alt="" />通常のimgタグ
<img style="margin-right: 0;" src="url" width="" height="" alt="" />style属性追加

imgとsrcの間に、styleを挟む形になります。通常画像の右側には16pxのスペースが設定されています。このスペースを無くすことで、最大サイズの貼り付けが可能になります。つまり、何も設定しないと右側にスペースが入るので、画像サイズ+16pxとなるわけです。

エントリ部分の標準設定と、こちらで考えている基本のエントリ方法については後ほど解説したいと思います。

通常ブログ用のテンプレ紹介サイトで、エントリの基本方法を解説しています。よろしければご覧下さい。
記事を投稿する時に使用するタグ

登録だけで50$

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

DTIブログで始める

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

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

カレンダー

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