Top > [blog]blogカスタマイズ > Tumblrの表ページのpost reblog数を表示

  twitter add   twitter Re  tumblr.com share   このエントリーをはてなブックマークに追加     

Tumblrの表ページのpost reblog数を表示

Tumblrの表ページのpostのreblog数が表示されなくなったので、
おかしいなと思ってたのだけど、
これまで使わせていただいてた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;
}

Page Top

Comments:0

Comment Form
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

Home > [blog]blogカスタマイズ > Tumblrの表ページのpost reblog数を表示

google search
Google

www kisato.blog

categories

comments

track_back

ninjablog
Customize Your Blog
firefox peaple
洋楽Album Reviews
洋楽 ROCK POPS
ベランダガーデン
市民ジャーナリズム

link
ldr Favorite Respect Blog
& Friend Link Including



Rss & mobile_qrcode





track feed
- from new link view
- track feed runking


used_link
count
now visit     * today * Yesterday

Page Top