はてなブックマークウィジェット

ブログ内にある「はてなブックマーク」が付いた人気記事を、貼り付ける事が出来るブログパーツ。 この「はてなブックマークウィジェット」は、見た目をカスタマイズすることもできます。

↓カスタマイズしないまま表示するとこんな感じです。

CSSを使って以下のように変えてみました。ブログパーツを作成時にテーマを「なし」にしてタグ取得しました。

CSSは、以下のように記述。参考にならないかもしれませんが、一応…。

/*タイトル*/ .hatena-bookmark-widget-title { width: 170px; padding:4px 10px 4px 10px; margin: 0; font-weight:bold; color:#000; border-left:5px solid #000; border-top:1px solid #f1f1f1; background-image:url(http://blog-parts-navi.up.seesaa.net/image/slash.png);<br /> clear: both; } /*タイトルイメージ*/ .hatena-bookmark-widget-title img { display:none; } /*フッター*/ .hatena-bookmark-widget-footer { font-size:10px; color:#000; margin: 0 5px 10px 0; padding: 0; text-align:right; } /*リスト*/ .hatena-bookmark-widget-body ul{ padding:9px; margin:2px; } .hatena-bookmark-widget-body li{ list-style:none; margin:5px 0px; }

はてなブックマークウィジェット
http://b.hatena.ne.jp/guide/blogparts.select?type=widget
新着エントリーや人気エントリー、 表示件数など選ぶことができます。CSSを使ってカスタマイズする際は、テーマを「なし」にしてタグ取得をします。

関連の記事
新しくなった「はてなブックマークボタン」
ビジュアルブログ検索エンジン [Blogopolis]ブログパーツ
「はてなブックマークコメント」ブログパーツ

スポンサード リンク

| posted by nao at 2011/01/28 | Comment(0) | TrackBack(0) | カウンター|