【メモ】ココログのマイリストを記事中に埋めこむ

マイリストを記事中に埋めこめたら、文字を大きくしたり見やすく表示できるのになぁ……
と思って試してみたら、出来てしまったので、とりあえずメモ書き。

記事中に、こんなの(↓)を貼付ける、だけで出来てしまいました。

<!--#include virtual="/lists/list_1/module.inc"-->

当然ながら、プレーンテキストモードかHTMLの編集画面で貼り付けのこと。

あ、list_1 の '1' はマイリスト番号で、リストによって変化します。
本当はこれの簡単な調べ方が判ればいいのですが……。
プラス／プロコースの場合には、マイリストのバックアップをとる際(OPMLの書き出し)のファイル名が"list_x.opml"になっているので、わかりやすいのですけれど。
フリー／ベーシックには書き出し機能はないのですよね……？

それと、これはマイリストに登録されている全項目ではない点に注意。
あくまでマイリストの設定で、『ブログに表示するリストの項目数』で設定した項目が上限となっているようです。

サンプルは、こんな感じ(本タイプのマイリストを貼り付け……しかし、こんなのを一時サイドバーに設置していた私って(^^;)。

こんなに簡単に設置できる、ということはもしかしてFAQ？ココログのヘルプに載っていたりして……いかに検索が下手かばればれ？

事前にブラウザで、

http://(自分のサイトのURL)/lists/list_x/module.inc

を表示すれば(xはマイリスト番号)、内容も確認できたり(→例)。

ちなみに、うちでは本文の前に次のようなスタイルシートも設定してみました。

<style type="text/css"> <!-- .main-module-list div.module-body ul { padding-left: 0px; margin: 0px; margin-bottom: 30px; } .main-module-list div.module-body li { color: #003366; font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif; font-size: small; text-align: left; line-height: 100%; margin-top: 12px; list-style-type: none; } .main-module-list h2 { display: none; } --> </style>

ついでに、サイドバーに次のようなスクリプトを追加して、リストタイトルにもリンクを設置してみたり(笑)。

<script type="text/javascript"> <!-- function addLinktoH2( h2, url ) { if ( h2.getElementsByTagName('a').length ) return ; var link = document.createElement('a') ; link.href = url ; link.innerHTML = h2.innerHTML ; h2.innerHTML = "" ; h2.appendChild( link ) ; } // end of addLinktoH2() function addLinktoListTitle( catId, url ) { var div = document.getElementById(catId) ; if ( !div ) return ; var h2s = div.getElementsByTagName('h2') ; if ( !h2s || h2s.length == 0 ) return ; addLinktoH2( h2s[0], url ) ; } // end of addLinktoListTitle() function addLinktoCategory() { addLinktoListTitle( "archive-category", "./archives.html" ) } // end of addLinktoCategory() function addLinkToMyList() { var titleToLink = { "リンク" : "http://furyu.tea-nifty.com/annex/2006/03/post_12ec.html" , "積読メモ" : "http://furyu.tea-nifty.com/annex/2006/03/post_b93e.html" , "書庫" : "http://furyu.tea-nifty.com/annex/2006/03/post_a424.html" , "きまぐれな風" : "http://furyu.tea-nifty.com/annex/2006/03/post_0214.html" , "小技メモ" : "http://furyu.tea-nifty.com/annex/2006/03/post_8278.html" , "[タイトル]" : "[リンク先URL]" } ; var h2s = document.getElementsByTagName('h2') ; for ( var ci=0; ci < h2s.length; ci++ ) { if ( titleToLink[h2s[ci].innerHTML] ) { addLinktoH2( h2s[ci], titleToLink[h2s[ci].innerHTML] ) ; } } } // end of addLinkToMyList() // --- call functions addLinktoCategory() ; addLinkToMyList() ; //--> </script>

さすがにTypePad(Movable Type)用のタグを埋めこむのは無理そうなので、『最近の～』を記事に埋めこむのは出来ていませんが。