QUEEN DESIGNING | DESIGN BLOG | Tumblr Theme "Cheerful Girl !!" Update 02

Trackback　[http://www.queendesigning.com/mt/mt-tb.cgi/29]

Update 27 Aug,09

Update

Tumblr Theme "Cheerful Girl !!" Update 02

*English is below

Tumblrテーマをアップデートしましたので、ユーザーの方で、HTMLをカスタマイズしていない方は1週間後くらいには自動的にアップデートされるはずです。
今回は記事の文字のサイズを変更したいという要望を適用しました。

前回この方法でうまく更新されなかったのですが、Tumblrサポートに問い合わせると、ふつうは問題なく自動更新されるとのこと。

その時は恐らく更新後に必須タグが含まれていないというバグが発見されてしまったからかと思います。今度はうまくいくと良いのですが......。

ただし今回、既にHTMLをカスタマイズしてしまっている方からフィードバックを頂いたので、前回のUpdate 01の更新内容を含め、更新すべき箇所を記載しておきます。

以下のリンク先にて
http://www.queendesigning.com/design/images/tumblr_update090827.html

●必須更新箇所→赤
●任意更新箇所→青

で指定しています。詳細については、以下の説明をご確認ください。

(1) 必ず書き換えてください。

http://static.tumblr.com/fm23nhb/M7Xkoz8ly/main.css

(2) 必ず追加してください。ここの値を各自変えることによって、投稿本文の文字サイズやフォントなどを変更することができます。

.entry_r p,li,blockquote {
    font-size:12px;
    font-family: sans-serif, Helvetica, Arial, "ヒラギノ角ゴシック Pro W3", Osaka, "MS Pゴシック";
    line-height:160%;
    color: #111111;}

文字プロパティの設定はこの辺りを参考にどうぞ。
http://www.w3schools.com/css/css_reference.asp#font

(3) 左メニューにタグクラウドを追加したい方は、これを追加してください。（前回の更新分）

<div>
<span id="follow">Tags</span>

<script type="text/javascript" src="http://code.hr1v.com/jquery.1.2.6.min.js"></script><script type="text/javascript" src="http://tumblrtags.hr1v.com/widget.js?css=none&minsize=120&maxsize=200&url=yourtumblrID.tumblr.com&order="></script>

</div>

タグクラウドの設定の仕方については、前回のアップデートをご参照ください。
http://www.queendesigning.com/design/diary/2009/07/03-110221.php

(4) notes（リブログ数）を表示させたい方は、これを追加してください。7箇所あります。（前回の更新分）

{block:NoteCount}<em class="date2">[{NoteCount} notes]</em>{/block:NoteCount}

(5) Tagsリストを表示させたい方は、これを追加してください。7箇所あります。（前回の更新分）

{block:HasTags}<div class="reblog ptop20"><p>[Tags]  {block:Tags}<a href="{TagURL}">{Tag}</a>  {/block:Tags}</p></div>{/block:HasTags}

不明な点がある場合は、お問い合わせください。

Tumblr Theme "Cheerful Girl !!" Additional Update 02

I updated my Tumblr Theme.
In this update, you will be able to change the text size of each posts.
If you didn't customize HTML, this update will reflect automatically(maybe in a week or two).

For some user who customized HTML, I show you the way to update include last update contents.

Look at below link and number.
http://www.queendesigning.com/design/images/tumblr_update090827.html

*Red --- You MUST change or add this
*Blue --- At will

(1) You MUST change this.

http://static.tumblr.com/fm23nhb/M7Xkoz8ly/main.css

(2) You MUST add this.
And you can change the size or font of the entry here.

.entry_r p,li,blockquote {
   font-size:14px;
   font-family: Times, sans-serif, Helvetica, Arial;
   line-height:150%;
   color: #111111;
}

About Font Properties
http://www.w3schools.com/css/css_reference.asp#font

(3) If you need Tag Clouds, add this. (7 places ; Last Update)

<div>
<span id="follow">Tags</span>
<!-- Start Tumblr Tag Cloud -->
<script type="text/javascript" src="http://code.hr1v.com/jquery.1.2.6.min.js"></script><script type="text/javascript" src="http://tumblrtags.hr1v.com/widget.js?css=none&amp;minsize=120&amp;maxsize=200&amp;url=yourtumblrID.tumblr.com&amp;order="></script>
<!-- End Tumblr Tag Cloud -->
</div>

Show last update to setup this Tag Clouds.
http://www.queendesigning.com/design/diary/2009/07/03-110221.php

(4) If you want to display notes(Reblog), add this. (7 places ; Last Update)