2007年から2013年までの期間、およそ10,000件のデザインの記事をアップしたブログのアーカイブ。現在はhttp://designwork-s.netで更新中。
2007年04月09日

seesaaカスタマイズ「記事の下にバナーを埋め込む」

seesaablogで記事の下に毎回自動でバナーや表示させたい情報を埋め込む方法を紹介します。埋め込みたい情報、場所は様々だと思いますが、今回は記事の直下に埋め込む方法を紹介します。

アフェリエイトのバナーを埋め込んだり、ランキングバナーを埋め込んだりと利用方法は人それぞれだと思いますが、なにかと使えるのではないかと思うので紹介します。

詳しくは以下

個別の記事ページとトップページの記事下ではHTMLの記述する場所がちがうので注意が必要です。
記事本体に埋め込むには
デザイン>コンテンツ>記事>コンテンツHTML編集
からHTMLを編集してください。

下記に赤字の部分に埋め込みたい内容を記述してください。


<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file
%><% /if %><% article.entire_body | bodyfilter(article_info,blog)%>

ここに追加すると、個別記事ページの記事の下に表示

</div>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file%>
<% /if %><% article.first_body | bodyfilter(article_info,blog)%>

ここに追加すると、トップページなどの記事の下に表示

</div>
<% /if -%>
<div class="posted">posted by <% article.nickname %> at <%
article.createstamp | date_format("%H:%M") -%>
<% if:article_weather -%>
| <% article_weather.state %> <% article_weather.weather_emoji -%>
<% /if -%>


コードを埋め込んだ後は再構築すれば、記事直下に埋め込んだ内容の情報が表示されているはずです。あまり表示させすぎるとうるさくなりがちなので、その辺りはデザインとの親和性を頭に入れながらカスタマイズするとより効果的です。

関連記事
関連記事を自動表示する「カンレン.えんとり〜ず」
seesaaブログでファビコンを表示させる方法
適切な見出しタグをつけてSEO対策


posted by admin at 21:54 | Comment(2) | TrackBack(0) | Seesaaカスタマイズ
この記事へのコメント
おかげさまでうまくカスタムする事が出来ました。
ありがとうございました。
Posted by なべ at 2009年05月19日 19:10
初めまして
ほんと申します。

カスタマイズについて、様々な情報をありがとう
ございます。

私は全く初心者で、検索して調べてみては実践
という事にすごく時間がかかってしまいます。

上記コンテンツ(記事)HTMLの修正についても
スクロールバーのどの変のタグですよ。(^^♪

みたいな指示もあると助かります。
なれないPCで、HTMLのタグをずーっと見てると
探そうに探せなくなってきてしまって。

情報いただいているのに
さらに要求してしまって、すみません。(ペコリ)

お願できたら嬉しいです。(^^ゞ
Posted by ほんちゃん at 2009年10月15日 15:15
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。