ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > カスタマイズをしよう! > title - 記事のタイトルにNEWの画像をつけたい!

記事のタイトルにNEWの画像をつけたい!

今回は記事が新しく投稿されてから24時間の間、記事のタイトルの横にNEWの画像がつく方法を紹介します。


記事タイトルにNEW!!の画像をつける方法

【参考記事】 「FCafe」様:新着マーク

まず画像がない事にはつけれませんから「new 素材」などで検索して設置したい画像を見つけてきて下さい。

気に入った画像が見つかったら、それをアップロードしてその画像のアドレスを把握しておきます。

準備ができたら、テンプレートの設定からHTMLの編集を開きます。そして</head>を探します。「Ctrl」+「F」などの検索を使うと楽ですよ。

このブログの場合は・・・

title="<%nextentry_title>" /><!--/nextentry-->
</head>
<body>

この様になっていました。

<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="画像URL">')}
}
--></script>

見つかったらこれをコピーします。

コピーしたら先ほど見つけた</head>のすぐ上にコピーしたものを張りつけます。

title="<%nextentry_title>" /><!--/nextentry-->
<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="画像URL">')}
}
--></script>

</head>
<body>

この様に張りつけます。

貼り付けたら最後の方の('<img src="画像URL">')}の画像URLをさっきアップロードして把握したアドレスに付け替えます。

僕ならdocument.write('<img src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/new.gif">')}の様になります。

できたらそのまま同じHTMLの編集内から<!--topentry-->を探します。

このブログだと・・・

<!--topentry-->
<div class="entrybox" id="a<%topentry_no>">
<h2><a href="<%topentry_link>" title="<%topentry_year><%topentry_month><%topentry_day>-<%topentry_title>" accesskey="T"><%topentry_title></a></h2>
<div class="entry_body">
<%topentry_body>
<!--more_link-->

この様になっていました。

赤字で書いた</a>の後に、

<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>

これをコピーして張りつけます。


<!--topentry-->
<div class="entrybox" id="a<%topentry_no>">
<h2><a href="<%topentry_link>" title="<%topentry_year><%topentry_month><%topentry_day>-<%topentry_title>" accesskey="T"><%topentry_title></a>
<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>

</h2>
<div class="entry_body">
<%topentry_body>
<!--more_link-->

この様になります。できたら最後に更新を押して下さい。

この方法だと24時間以内に投稿された記事に対してNEWの画像がつきます。この時間を変えたければ一番最初に設置した<script type="~~~--></script>の中のnt=24を数字を変えれば変わります。(1時間単位)

できたので「FCafe」のdanielさんにお礼を言いに行く。


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
教えてください
初めまして。
質問ですが、記事のタイトルにフリー素材を常に表示したいのですが、
どのようにやったらいいのかわかりません。
いろいろ試してみたのですが、お手上げです。。。
よろしければ教えていただけるとたすかります。
宜しくお願い致します。
え~と。
記事のタイトルに常に表示したいのでしたらそんなに難しくないですよ!
HTMLの編集を開いて<%topentry_title>を探します。
見つかったらその前か後ろにフリー素材をアップロードして、<img src="フリー素材のアドレス" border="0">を記入すればよいだけです。頑張ってみてくださいね!!
できました!
るんばばさん こんにちは。
無事に出来ました。ありがとうございます!
(*゜▽゜ノノ゛☆パチパチ
できてよかったですね!おめでとうございます!!
「記事のタイトルにNEWの画像をつける」について
はじめまして。
何度も試しているのですが、どうしてもやり方が分かりません。
「</a>の後に入れる。」とありますが、私の場合、</a>がいくつもあって、どこに入れたらいいのかわかりません。
↓下に、htmlをコピーして貼ってみました。長くなってごめんなさい。
一体、どこに入れればいいのでしょうか?教えてください、よろしくお願いします。

<!--/エントリー-->
<!--topentry-->
<table width="420" border="0" class="entry_table" bgcolor="#ffffff">
<tr>
<td>
<div class="entry_title"><table><tr><td width="40"><img src="http://blog111.fc2.com/template/snack/image/hana.gif"></td><td><a id="<%topentry_no>" name="<%topentry_no>"><div class="text_4"><%topentry_title></div><a></td></tr></table></div><div class="entry_text"><%topentry_body></div>
<div class="entry_text">
<!--more_link--> <a href="<%topentry_link>#more">続きを読む</a><!--/more_link-->
<!--more--><a name="more" id="more"></a><%topentry_more><!--/more-->
<!--community--><p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p><!--/community-->
</div>
</td>
</tr>
<tr>
<td align="center">
<div class="entry_state">
<a href="<%topentry_link>">【<%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute>】</a> |
<a href="<%topentry_category_link>"><%topentry_category></a>
<!--allow_tb--> | <a href="<%topentry_link>#trackback">トラックバック(<%topentry_tb_num>)</a><!--/allow_tb-->
<!--deny_tb--><!--/deny_tb-->
<!--allow_comment--> | <a href="<%topentry_link>#comment">コメント(<%topentry_comment_num>)</a><!--/allow_comment-->
<!--deny_comment--><!--/deny_comment-->
</div>
</td>
</tr>
<tr>
<td align="center"><img src="http://blog111.fc2.com/template/snack/image/line.gif" width="380" height="8"></td>
</tr>
</table>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
<!--/topentry-->
<!--/エントリー-->
まいさんへ
見本の様に<%topentry_title>のある</a>の後ろに入れてみてください。

<div class="entry_title"><table><tr><td width="40"><img src="http://blog111.fc2.com/template/snack/image/hana.gif"></td><td><a id="<%topentry_no>" name="<%topentry_no>"><div class="text_4"><%topentry_title></div></a></td></tr></table></div><div class="entry_text"><%topentry_body></div>

この</a>の後ろですね。もし上手くいかない時はブログのURLを教えていただけると力になれるかもしれません。
返信ありがとうございます!
でも、やってみたのですが、できてないようです。
もう半泣きです。

「ブログURLを」とのことでしたので、貼り付けておきました。
これでいいのでしょうか?

では、よろしくお願い致します。
まいさんさんへ
ブログURLはまいさんが貼り付けたものではなくて、自分のブログのトップページが表示されている時にアドレスに表示されているものの事です。
だからまいさんのブログURLは http://kiitigomura.blog111.fc2.com/ ですね。

それで、原因はまず</head>のすぐ上にコピーしたものの、
document.write('<img src="画像URL">')} の部分の画像URLは、

<a href="http://blog111.fc2.com/k/kiitigomura/file/aicon_203.gif" target="_blank"><img src="http://blog111.fc2.com/k/kiitigomura/file/aicon_203.gif" alt="aicon_203.gif" border="0"></a><br clear="all">

となっていますが、
http://blog111.fc2.com/k/kiitigomura/file/aicon_203.gif
だけにして下さい。

これで表示はされるはずです。でもタイトルの下に表示されると思うので、</a>の後ろに貼り付ける方を<%topentry_title>ココ</div><a>
</a>ではなくて、</div>の前に貼り付けてみて下さい。
最後に、</div>の後ろの<a>のスラッシュ(/)が消えているので、</a>に直したほうがいいです。
まだできません。
違う画像でも試してみたのですが、それでもまだ表示されないようで・・・。
今度はどこがいけないのでしょうか?

何度もすみませんが、よろしくお願いします。

ブログURLの件、了解しました。お恥ずかしいです(^^;)
まいさんへ
('<img src="http://blog111.fc2.com/k/kiitigomura/file/new_38.gif
" >')}
現在は、この様になっているので、
('<img src="http://blog111.fc2.com/k/kiitigomura/file/new_38.gif">')}
38.gifの後ろを途中で改行・スペースをあけないように、この様にしてください。

あとは、</div>の前に貼り付けたタグがなぜかすぐ後ろの</table>の後にももう1つ貼り付けられているのでそちらは削除して下さい。
できました!
ようやくできました!
お陰様で、やっと表示されました。
何度もすみませんでした。

自分で何度もいじっているうちに、
何かが消えてしまったり、余計なものが入ってしまったりしたようです。

お手数おかけしました!ありがとうございます!
新たに質問です
次は、新たに来たコメントに new をつけたいのですが、
記事タイトルに new を付けたように、スクリプトを追加すればよさそうなのは分かったのですが、
①記事タイトルの時と同じものを入れれば良いのですか?
②どこに入れれば良いのでしょうか?
今のところ(恥。)質問は以上の二点です。
何度も申し訳ないです。よろしくお願いします。
まいさんへ
無事についていましたね!!おめでとうございます!!!
コメントに newマークをつけるには、
「最近の記事・コメント・トラックバックにNEW画像をつけたい!」
http://rgrg.blog61.fc2.com/blog-entry-151.html
の方を見てみて下さい。
</head>のすぐ上のスクリプトは同じものなので既についているので必要ないです。
入れる場所はプラグインの最近のコメントの[HTMLの変更]を開いて</a>の後ろです。
今度は</a>が1つしかないと思うので迷わないと思いますよ。
つきました!
最近のコメント、記事、そしてトラックバックにいたるまで、
new を付けることができました♪本当にうれしいです♪

これで、ブログを続けるのがまた一段と楽しくなりそうです。
何度もお答えいただいて、本当にありがとうございました。
まいさんへ
今度は1回でできてよかったですね。これからも楽しくブログ続けてくださいね!
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/154-7b2eee80   

Template Designed by DW99