人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなDiaryのサイドバーに自分がよく訪問するブログ(はてな内外)やサイトのリストを表示したいと思っています。

はてなBookMarkやRSSを利用せずに表示する方法を教えて下さい。(はてなBookMarkやRSSは他の用途で使用しています)

宜しくお願い致します。

●質問者: ???
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:bookmark RSS はてな サイト サイドバー
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● nontan2005
●80ポイント

自分で使っている方法ですが、デザインを詳細で設定されてるのであれば、

その画面中の、ページのフッタ中に、

<li><a href=”URL”>タイトル</a><li>

のような感じでタグを書けば、そのままリンク表示出来ます。

(URLとタイトルは実際の物をあてはめて下さい。URLはhttp://から)

上記大文字で書いていますけれど、実際は小文字です。

私のブログです。ブラウザのソースの表示で見て頂ければ参考になるかもしれません。

http://d.hatena.ne.jp/nontan2005/

◎質問者からの返答

書いて頂いた<li>の一行を半角英数に直して記入してみました。

nontan2005さんのページソースも見せて頂きました。

おおまかには完成致しました。

ご指導ありがとうございました。

ひとつ上の段と『よく訪問するブログ』とその下に入れたブログタイトルとの行間が空きすぎてしまいました。

デザインを詳細のところには、すべてきっちりつめて記入してあるのですが・・・・

お手すきの折に、こちらのソースみて頂けると大変たすかります。

http://d.hatena.ne.jp/SumireS/

回答ありがとうございました。


2 ● nontan2005
●80ポイント

行間が、広くなりすぎる=文字と同じ幅になってしまう事は、私も最初困って、タイトル文字をsmallタグで囲む事で回避しました。これが良い方法か良く分からないのですが。

私の場合、タイトルや区切り線は、はてなのtitle表示モジュールを使っているので、その絡みもあるかもしれませんけど、一応ご参考まで。その辺りの部分のみ、抜粋しておきました。

☆1つめの方法

<div class="hatena-moduletitle">オンラインアルバム</div>

<a href="http://www.hatena.ne.jp"><small>★画像サンプル</small></a>


☆2つめの方法

<div class="hatena-module">

<div class="hatena-moduletitle">リンク集</div>

<div class="hatena-modulebody">

<ul class="hatena-urllist">

<li><a href="http://www/">★リンク集</a></li>

<li><a href="http://www2.hatena.ne.jp">タイトル1</a></li>

<li><a href="http://www3.hatena.ne.jp">タイトル2</a></li>

</ul>

</div>

</div>

◎質問者からの返答

ご指導ありがとうございます。

『☆2つめの方法』でトライしてみましたところ、成功致しました!!!

この方法で、徐々に増えていく種類別のリンクも表示できますので、

自分にとって便利なページが作れそうです。

回答ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ