2005年04月23日

Blogカスタマイズ60〜トップページ・トラックバックのツリー化を設定〜

コメントのツリー化と同じ設定で、トラックバックのツリー化も設定してみました。
(こちらも「弱小エンジニアの小言」さんを参考にさせて頂きました。感謝致します♪)

【追記】8/30
livedoor Blogのリニューアル版は「カスタマイズ65」の方を参考にして下さい。
(リニューアル版とは、投稿する時に「気分 or 評価」というのがあるものです)

とりあえず、私が設定した簡単なバージョンを書き記しておきたいと思います。(基本はその下にあります)

★トップページ・トラックバックのツリー化を設定

「Blogの設定/管理」→「プラグインの設定」→「フリーエリア」を選択し、下記のタグを貼り付け、
必要な部分を変更し、一番下の「フォーマット」の「変換しない」を選択し、保存・再構築(トップページ)をして完了です。

※設定したフリーエリアはプラグインのトラックバックより後に設定します。
 (私は先程のコメントツリータグと同じフリーエリア内に設定しました)

<script language="JavaScript" src="http://blog.livedoor.jp/takoashi/trackback_tree.js"></script>
<script language="JavaScript"><!--
tt_param.title = "最新トラックバック";
tt_param.mark = '►';
tt_param.mark_last = '►';
tt_param.mark_end = '<br /">';
tt_param.length = 0;
tt_param.type = 0;
tt_param.sideid = "links2";
tt_param.mark_tb_br = '';

trackback_convert_treeview2(tt_param);
// --></script>

※上記の ► の部分は設定後、数字になってしまいますが、トップページではちゃんと表示されます。

tt_param.title = "最新トラックバック"; ←プラグインのトラックバックのタイトル名
tt_param.mark = '►';            ←投稿者名の前のデザイン(通常のツリーアイテム) 【例】「+」「├」「→」など。
tt_param.mark_last = '►';         ←投稿者名の前のデザイン(最下段のツリーアイテム)【例】「+」「├」「→」など。
tt_param.mark_end = '<br /">';      ←投稿者名の後のデザイン
tt_param.length = 0;            ←表示する内容を変更できます。(※説明は下にあります)
tt_param.type = 0;             ←表示する内容を変更できます。(※説明は下にあります)
tt_param.sideid = "links2";        ←2カラムの場合と3カラムで左側に「最新トラックバック」がある場合は「links」、
                         3カラムで右側に「最新トラックバック」がある場合は、「links2」を設定します。
tt_param.mark_tb_br = '';

※投稿者名の前のデザインに画像を設定する場合は、<img src="http://****.gif">という風に設定します。
※tt_param.length ページタイトルの長さを変更できます。(ツリーがきれいに表示されない時に設定)
※tt_param.type
   「0」…ページタイトル(ブログタイトル) ←(livedoor Blogのデフォルト版です)
   「1」…ブログタイトルのみ
   「2」…ページタイトルのみ


■基本のタグは下記になります。(「弱小エンジニアの小言」さんより)

※JavaScriptの上にCSSを設定するとより細かく設定できます。
 (livedoor Blog以外で下記のgif画像をご利用になる場合は、必ずダウンロードしてご利用して下さい)

<style>
.tbm {
padding:0 0 0 18px;
margin:0;
background: url(http://image.blog.livedoor.jp/takoashi/tbm.gif) no-repeat;
}
.tbe {
padding:0 0 0 18px;
margin:0;
background: url(http://image.blog.livedoor.jp/takoashi/tbe.gif) no-repeat;
}
</style>
<script language="JavaScript" src="http://blog.livedoor.jp/takoashi/trackback_tree.js"></script>
<script language="JavaScript"><!--
tt_param.title = "Recent Trackbacks";
tt_param.mark = '<div class="tbm">';
tt_param.mark_last = '<div class="tbe">';
tt_param.mark_end = '</div>';
tt_param.length = 0;
tt_param.type = 0;
tt_param.sideid = "links";
tt_param.mark_tb_br = '';

trackback_convert_treeview2(tt_param);
// --></script>

.tbm…投稿者名の前の画像の設定(通常のツリーアイテム)
.tbe…投稿者名の前の画像の設定(最下段のツリーアイテム)



 ■【堀江貴文・ホリエモンもオススメ!】 パソコン教室!397時間動画パソコン教室DVD4枚組!
   ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007、Photoshop、Illustrator、Dreamweaverなど
   29ジャンルが自宅で学べます!
 ■離婚大全集〜圧倒的有利に離婚する方法〜
   離婚経験者の専門家が、27冊の書籍やテレビでは語れない裏ワザがここに。
 ■運動なし!代謝を高めて無理なくやせるDLダイエットサポート 太らない身体が目標!
 ■【15秒筋トレ】自宅でお金をかけない肉体改造! 目標はゴリマッチョ?細マッチョ?
 ■1,353人のメガネ使用者がわずか3日で視力が1.0に!!見える!驚異の視力回復法 自宅で簡単に視力アップ!
 ■【ホリエモンブログ】で紹介されました!【せどり】でリッチ☆に!最強せどりツール【せどリッチforCD】
 ■ダウンロード販売と人と人をつなぐコミュニティ・コマースのインフォカート
 ■引っ越しを考えている方必見!すごいっ!
  ・全国賃貸情報【アパマンショップ】

  ・引越し一括見積もりサイトの決定版!【引越大手比較.com】

 ■ロリポップサーバーのドメインが65種類 → 85種類に!!初心者でも安心なサービスがあります♪

 ■ ダイエット商品人気ランキング
  この夏はみんなのオススメダイエットにチャレンジ!
 ■ラブコスメティックすごいっ!
  人に言えない身体の悩みをすっきり解決しましょう♪

よろしければ人気blogランキングにご協力を!

この記事へのトラックバックURL

  迷惑トラックバック対策のため、トラックバックはこちらでチェックした後、アップさせて頂いておりますので、ご了承下さい。

この記事へのコメント
こちらのツリー化を(TBとコメント)使わせていただきました。
前からやりたくて仕方なかったのですが できたのでうれしいです。
ありがとうございました。
試しに設定してみたのですが 他のところを弄ってたらおかしくなるかもしれません。
その時は泣きつきにきますのでよろしくお願いいたします。
Posted by kuppy at 2005年05月06日 15:22
上手く設定できて良かったです。
ダメになったら一緒に考えましょう♪(笑)
Posted by モダチョキ at 2005年05月07日 01:11
こんにちわ。
よくお邪魔させてもらってます!
そして参考にさせてもらってツリー化成功することができました!
なっかなかうまくいかなかったのが出来て嬉しいです!!
これからも参考にさせてもらいます♪
Posted by しましま at 2005年06月09日 10:08
はじめまして、しましまさん。
私も他の方からの情報なので大変恐縮ではありますが、
お役に立てて幸いです♪
Posted by モダチョキ at 2005年06月10日 00:28
こんばんは。
いつもお世話になっておりますm(_"_)m。
カスタマイズの際にはホントにいつもお世話になってますm(_"_)m。
今回もお世話になりました。
一発でできました。
コメントのツリー化ももちろんです。
ありがとうございますm(_"_)m。
Posted by みさ at 2005年07月14日 20:45
こんばんは!
私も他の方からの情報を集めてやっているだけなので、
どんどん利用して下さい!(^ー^)
ツリー化は割とすんなり設定できますよね。
いつも苦戦する私もすぐできましたし。(笑)
Posted by モダチョキ at 2005年07月15日 00:44
皆様がツリー化に成功されているなか
ワタクシ失敗。
モダチョキさんの記事をほぼコピペしたんですが
原因が分からず。

ヒントだけでもご教授くださると助かります。
よろしくお願いします。
Posted by kamachi at 2005年08月12日 14:33
よくあるミスとしては、"最新トラックバック"; などの " が抜けてしまったりする事があるようです。
書き換えの時に起こってしまうミスなのですが、そのあたりを確認してみてはいかがでしょうか。
Posted by モダチョキ at 2005年08月12日 23:39
(Cookieに投稿者情報を記憶します)
 
コメントをプレビューする
ご利用のブラウザの設定ではご利用になれません。