サイトアイコン Naoko Takano

MyBlogListのCSSカスタマイズ

MyBlogListのサービスが昨日から始まりました。
RSSリーダーがついていたり、最新記事の情報が出たり。良いですね。早速使ってみました。表示が早いし、メンバー用のインターフェイスとかもすごく便利にできています。リスト見本はこちら→BlogLinks

前にblogpeopleでのCSSカスタマイズについて書きましたが、あのように改行なしで表示するためにMyBlogList用に少しCSSを変えました。まず、

#mybloglist br { display:none; }
#mybloglist a { font-weight: normal }
#mybloglist a:link { color:#999 }

とCSSファイルに書いたのち(リンクの色は好みにあわせて変えて下さい)、
表示させるスクリプトを<div id="mybloglinglist"></div>で囲みます。

例えばjavascriptなら、

<div id="mybloglist">
<script language="javascript" type="text/javascript" src="http://list.myblog.jp/list/js?code=自分のコード"></script>
</div>

と。

他にも、このリスト内だけスタイルを変えたいクラスがあれば、#mybloglistに続けて書いてください。例えば、
#mybloglist a:visited { color: #666 }
とか。

私の場合はブログのタイトルのあとにいちいち区切り線を入れています。じゃないとタイトルが全部ずらりとくっついて表示されてしまうので。更新サイトのprefix(編集メニューではNEW装飾、と呼ばれてますね)は、
<span style="color:#666;font-weight:bold">↑</span>
こんな感じ。「前」にこれを入れます。

最後にもうひとつ。MyBlogListにdetlogを登録! は、ここだけ改行したかったので自分でリンクをつけたテキストにしました。

では、happy mybloglisting!


使っていて気づいたBug/wish listをメールしたら、すぐにSEさんが対応してくれて、丁寧な返事をくれたのがすばらしい!感激でした。本当に、ご苦労様です…。
Wish Listはこんなかんじです。ゆくゆくは、よろしくお願いします~

モバイルバージョンを終了