Powered By FC2ブログ
ブログやるならFC2ブログ
今すぐブログを作っちゃおう!

--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2007年05月23日

広告をテンプレートに挿入して、自動で表示させる

今回は、アフィリエイトなどの広告を自動で挿入するカスタマイズを紹介します。全てのエントリに同様の広告を掲載する場合などならば、記事に広告コードを入れるより簡単です。
また、他のサイトへのリンクなどなら、テンプレートに挿入しておいた方が楽かもしれまん。これなら簡単に全ページのリンクが自動で書き換わります(記事の場合は該当記事全部を書き換える必要がある)。
それ程難しくありませんし、テンプレートの挿入箇所さえわかれば、他のFC2ブログ用テンプレートを使用していても利用可能です。
いくつかパターンがありますので、使用目的に合わせて選んで下さい。

1.固定リンクページに広告を貼り付けるカスタマイズ

この場合、本文を追記にしておいて、続きを読むのリンク先で表示するページに広告コードを貼り付ける形になります。

htmlのカスタマイズ(追加)箇所


<!--more-->
<a name="more"></a>
<div class="maincontent"><!-- 追記本文 -->
<%topentry_more>
</div><!-- maincontent -->
<!--/more-->

<!--permanent_area-->
<div class="mainad">
<a href="<%url>">広告リンク</a>
</div><!-- mainad -->
<!--/permanent_area-->

<div class="maintag"><!-- タグ表示 -->
<!--topentry_tag-->
タグ : <%topentry_jointtag>
<!--/topentry_tag-->
</div><!-- maintag -->

cssのカスタマイズ(追加)箇所


.mainad{
margin-top: 10px;
font-size: 12px;
color: #000;
line-height: 1.5;
}

仕組みとしては、固定リンク画面に移ったときのみ表示するための変数、permanent_area内に広告コードを貼っているだけです。ここではタグ表示の上に表示して、かつスペースもcssによって空けていますが、ここを本文と追記の間においたり、あえて本文記事とつなげて表示したりもできます。表示箇所及び、広告用のコードは適宜変更してください。例ではブログのトップページへのリンクを表示しています。

2.トップページの追記の前に広告を貼るカスタマイズ

よく見かけるパターンですが、これをテンプレートで行ってみましょう。


<!--more_link-->
<div class="mainmore">
<!--index_area-->
<a href="<%url>">広告リンク</a><br />
<!--/index_area-->
<a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">…続きを読む</a>
</div><!-- mainmore -->
<!--/more_link-->

実は簡単で、追記を表示する箇所に広告のコードを貼り付けるだけです(スペースを取らない場合)。例の赤部分が広告のコードで、青の部分はトップページのみの表示にする場合(検索、カテゴリなどでも表示するなら外す)の表記です。

3.各エントリの最後に貼り付けるカスタマイズ

1のパターンは追記の場合でしたので、普通に追記無しの場合でエントリの下部(フッターの前)に広告をテンプレートに貼り付けるカスタマイズです。

htmlのカスタマイズ(追加)箇所


<!--more-->
<a name="more"></a>
<div class="maincontent"><!-- 追記本文 -->
<%topentry_more>
</div><!-- maincontent -->
<!--/more-->

<div class="mainad">
<a href="<%url>">広告リンク</a>
</div><!-- mainad -->

<div class="maintag"><!-- タグ表示 -->
<!--topentry_tag-->
タグ : <%topentry_jointtag>
<!--/topentry_tag-->
</div><!-- maintag -->

cssのカスタマイズ(追加)箇所


.mainad{
margin-top: 10px;
font-size: 12px;
color: #000;
line-height: 1.5;
}

勘のいい方はお分かりかもしれませんが、固定リンク画面のみ表示する変数を削除するだけです。これで、自動的にエントリ下部に指定した広告が表示されるようになります。

テンプレート中で使える変数一覧という公式のページがありますので、特定のページのみ表示する変数などを使用する場合に参考にしてみて下さい。

スポンサーサイト

コメント

はじめまして

テンプレート使わせて頂いております。
とっても自由が効くので使いやすいです^^

一つだけ質問と言うかお聞きしたいのですが
日記などのカテゴリーってありますよね?
あれで区分けされたタイトルの横に()内に数字が
投稿した分溜まると思うのですが
その()だけ外す事は可能なのでしょうか?

すみませんがよろしくお願い致しますm(_ _)m

プラグインを変更します

arajinさんこんにちは。いつも返事が遅くて申し訳ありません。

日記 (10)
という部分の( )を外したい、というご質問だと思いますが、
通常このカテゴリの表示にはプラグインを使用しているはずです。
ので、プラグインを使用している前提でお答えします。

FC2ブログの管理画面左メニューから、環境設定→プラグインの設定を選択します。

タイトルがカテゴリーの欄で、編集にあるHTMLの変更をクリック。

(<%category_count>)</a></li>
の<%category_count>がカテゴリ数を表示する部分なので、
その外側にある( )を削除して下さい。そして下の変更ボタンを押します。

これで( )が表示されなくなります。いま変更してみましたので
どのようになるかご覧下さい。

他の月間アーカイブなどもだいたい同じなので、勘でカスタマイズ
も可能かとおもいますw間違ったら、プラグインを削除して、
新たにプラグインを追加すれば元に戻ります。

アリガトウゴザイマシタ!

こんにちは。
お返事は全然構いません 教えて頂けるだけで
本当に有り難いので^^
早速やってみた所 思うようにできました!
また何かありましたら質問等させて下さい、ありがとうございました!

はじめまして

テンプレートを使わせて頂いておりますshowと
申します。

一昨日から使わせて頂いたのですが、友人から
左のカラムが落ちているという指摘をいただき
他の人にもチェックしてもらったのですがやはり
落ちているという返事でした。

しかし自分のPCでは普通に3カラムとも並んでおります。
何がいけないのか教えていただければ幸いです。

宜しくお願いいたします。

はじめまして!
このテンプレート、とっても使い勝手がよさそうでダウンロードさせていただいたんですが
FC2アイコンの画像が同じ行に入力している文字と同じ行に並んで表示されないんですが
何か方法はありますか?

表示される状態はこんな感じです↓
http://momopooh.blog18.fc2.com/?style2=blogtube_basic&index

お教えいただけると嬉しいです(o*。_。)oペコッ
よろしくお願いします。

↑質問をした者です。
何度も申し訳ありません。
CSSをいじってみたら、きちんと表示されました!!
さっそくカスタマイズして使わせていただきます☆
ほんとうにご丁寧な説明があるのですごく使いやすいです。
ありがとうございました。

左のカラムが落ちてしまいます。

現在使っているテンプレートからこちらのテンプレートへ変更しようとしたのですが左のカラムが落ちてしまいます。

何が悪いのか分からず手間どっています。

宜しくお願いします。

承認待ちコメント

このコメントは管理者の承認待ちです

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

承認待ちコメント

このコメントは管理者の承認待ちです

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

承認待ちコメント

このコメントは管理者の承認待ちです

承認待ちコメント

このコメントは管理者の承認待ちです

コメントの投稿

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

トラックバックURL

http://templatetube.blog78.fc2.com/tb.php/28-334e394e
プロフィール

Author:templatetube
FC2ブログへようこそ!

最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

Appendix


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。