Tumblrブログにタグリストを表示させる方法と、関連するTIP

2012/02/12 追記

以下に移動したようです。
http://rive.rs/projects/tumblr-tag-clouds
貼付けの手順はあまり変わっていないようですが、全く一緒でもなさそう。
もしそのうち確認したら、記述します。(たぶんしなそう。。。)
なので、以下の方法では、もう表示されないと思います。

Tumblrの記事にはタグをつけることができますが
自分のTumblrのサイトにはタグリストが表示されません。
(選択しているThemeによっては表示される場合も有ります。)
以下、タグリストを表示させる方法と、関連するTIPです。



▼自分のTumblrのサイトにタグリストを表示する手順
1.
http://tumblrtags.rivers.pro/
にアクセス

2.
左側にあるHTMLソースをコピー

3.
TumblrのDashboardで「Customize」をクリック

4.
左上のメニューで「Info」をクリック

5.
「Description」の箇所にコピーしたHTMLソースを貼り付ける

6.
ページ右上にある<SAVE CHANGES>ボタンをクリック

以下、参考URL
http://journal.mycom.co.jp/series/tumblr/011/index.html



▼タグをアルファベット順で昇順ソート
1.
前述したHTMLソースの
「http://tumblrtags.rivers.pro/widget.js」
に続くパラメータに「order=alphabetical」を追加

以下、参考URL
http://tumblrtags.rivers.pro/
http://mamor-memo.tumblr.com/post/184417402/customization-the-code-to-the-left-can-take



▼表示されるタグを縦に並べる
1.
TumblrのDashboardで「Customize」をクリック

2.
左上のメニューで「Theme」をクリック

3.
「Use custom HTML」をクリック

4.
head部に
<style>
div#sidebar li a {
display: block;
}
</style>
と書く
(あるいは他のサーバに同様な内容のCSSファイルを設置して読み込む等)

尚、Theme毎にHTMLが異なるため
選択しているThemeによっては方法が異なる場合がある

5.
ページ右上にある<SAVE CHANGES>ボタンをクリック

  1. shumetal111125 reblogged this from mamor-blog
  2. syncn reblogged this from mamor-blog
  3. favclips reblogged this from mamor-blog
  4. dizzanima reblogged this from mamor-blog
  5. teruodama reblogged this from mamor-blog
  6. etherdrop reblogged this from mamor-blog
  7. mamor-blog posted this
blog comments powered by Disqus
About Me

【description】

mamorのブログです。
自分の記事を書きます。
フォローはこのブログからはできません。

【internal link】

【external link】

【search by Google】

【Twitter】

【tag】