FC2ブログのエントリーの日付をおしゃれに表示

 今回のリニューアルでエントリー日付を変更しました。各エントリーの左上に表示していますが私は結構気に入っています。私は画像を使っていますが画像はなくても大丈夫ですし、曜日を表示したり色々可能です。
<style type="text/css">
 <!--上の部分-->
.entry_date1{
  background-color : navy;
  border : 1px solid navy;
  color : white;
  width : 60px;
  font-size : 24px;
  font-weight : bold;
  padding : 5px 0 5px 0;
  text-align : center;
}
 <!--下の部分-->
.entry_date2{
  border: 1px solid navy;
  color : navy;
  width : 60px;
  font-size : 24px;
  font-weight : bold;
  padding : 5px 0 5px 0;
  text-align : center;
}
</style>

<div class="entry_date1"><%topentry_month></div>
<div class="entry_date2"><%topentry_day></div>
 このタグを<!--topentry-->内に挿入すれば表示されます。また赤い部分に下記のタグを挿入すると曜日なども表示できます。CSSはこれを参考にして自由に変更してみてくださいね。
<%topentry_year> - 年を表示
<%topentry_month> - 月を表示
<%topentry_day> - 日を表示
<%topentry_hour> - 時を表示
<%topentry_minute> - 分を表示
<%topentry_second> - 秒を表示
<%topentry_youbi> - 曜日(洋風)を表示
<%topentry_wayoubi> - 曜日(和風)を表示
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
テンプレートをお借りしているKOBAKOです。

記事の冒頭の日付をレッツFC2さんのように画像を使っておしゃれに変更したいのですが、うまくできません。

初心者の私にもわかりやすく 説明していただけないでしょうか?
【2008/04/12 03:53】 | kobako #JnL/fmVo | [edit]
KOBAKOさんはじめまして。

テンプレートお使いいただきありがとうございます。
このブログのように設置する方法を別記事で紹介してみましたので
ご参考にしていただければと思います。

 http://weboook.blog22.fc2.com/blog-entry-91.html

では今後もよろしくお願いします。
【2008/04/12 12:38】 | 管理人 #6urEx/7U | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加