add 
share
- 2009-04-12
- [blog]blogカスタマイズ
Tumblrの表ページのpostのreblog数が表示されなくなったので、
おかしいなと思ってたのだけど、
これまで使わせていただいてたreblog数表示方法、
Notes関連の変数が追加され停止したそうです。
自分のTumblrにpostのreblog数を画像で表示させる
- cxxの日記 - たんぶら部 - Tumblove -
で、twitterでつぶやいたら(tumblrに流しててそっちで)、
標準タグにnotesが追加されたので、
そちらを使えばいいということがわかりました。
HTMLに
わたしの場合、news, text 系スクラップポストkisato2 :: clip( news, text )は
(テーマ Box Factory)
以下のタグを入れました
もうひとつのアカウントでとってる
画像中心にスクラップポストしてるkisato :: Clip( photo, audio )のほうは
(テーマ paulgiacherio)
追記::
「
このほうが断然いいのでわたしもこうしました。
うちの場合notesのタグはこう書いてますというメモ
- MCSG SYM - たんぶら部 - Tumblove -より
これだけでもいいのだけど、
さらに続けて以下を入れてみると、
このようにreblog note数とPostNotesされたのがずらりと表示されます。
(わたしの場合、parmalinkを別に表示するようにしてるのでこのようにしてみた。
このようにしてない場合はreblog数多いとたぶん重くなるのでお薦めできない。)
元ページ kisato2 :: clip( news, text )
| 自分のTumblrにpostのreblog数を画像で表示させる - cxxの日記 - たんぶら部 -...
Theme designers: Notes are
now available in tumblelogs | Tumblr Staff
↓
追記::
コンパクトにするため
おかしいなと思ってたのだけど、
これまで使わせていただいてたreblog数表示方法、
Notes関連の変数が追加され停止したそうです。
自分のTumblrにpostのreblog数を画像で表示させる
- cxxの日記 - たんぶら部 - Tumblove -
で、twitterでつぶやいたら(tumblrに流しててそっちで)、
標準タグにnotesが追加されたので、
そちらを使えばいいということがわかりました。
HTMLに
{/block:Posts}の前のほうの任意の場所にわたしの場合、news, text 系スクラップポストkisato2 :: clip( news, text )は
(テーマ Box Factory)
<li class="permalink">の下のpost-dateの下に以下のタグを入れました
{NoteCount} notesもうひとつのアカウントでとってる
画像中心にスクラップポストしてるkisato :: Clip( photo, audio )のほうは
(テーマ paulgiacherio)
{/block:Regular}と{block:Photo}の間とdiv class="metabox"の中reblog rootを入れた{/block:RebloggedFrom}の直下追記::
「
0 note」複数の場合「notes」に表示する方法このほうが断然いいのでわたしもこうしました。
うちの場合notesのタグはこう書いてますというメモ
- MCSG SYM - たんぶら部 - Tumblove -より
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}これだけでもいいのだけど、
さらに続けて以下を入れてみると、
{PostNotes}このようにreblog note数とPostNotesされたのがずらりと表示されます。
(わたしの場合、parmalinkを別に表示するようにしてるのでこのようにしてみた。
このようにしてない場合はreblog数多いとたぶん重くなるのでお薦めできない。)
元ページ kisato2 :: clip( news, text )
| 自分のTumblrにpostのreblog数を画像で表示させる - cxxの日記 - たんぶら部 -...
Theme designers: Notes are
now available in tumblelogs | Tumblr Staff
CSSに(</head>内)以下を追加
* reblog note数だけ表示の場合は必要無し
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}
ol.notes li.note {
border-top: solid 1px #ccc;
padding: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
↓
追記::
コンパクトにするため
margin,paddingの値を小さく変更した。
ol.notes {
padding: 0px;
margin: 5px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}
ol.notes li.note {
border-top: solid 1px #ccc;
padding: 5px;
}
- Newer: 録音も出来るポータブルラジオアプリ『RadioSure』
- Older: Futures / Jimmy Eat World
Comments:0
TypePad comment ↓
This entry
- Permalink URL
- kisato.blog.shinobi.jp/Entry/1888/
- Tumblrの表ページのpost reblog数を表示 from Kuu
Trackback+Pingback:0
- TrackBack URL for this entry
- http://kisato.blog.shinobi.jp/TrackBack/1888/
- Listed below are links to weblogs that reference
- Tumblrの表ページのpost reblog数を表示 from Kuu
