はてなブックマークブログパーツの人気記事にランキング画像を付けて表示

hatenaranking

はてなブックマークブログパーツの人気記事を設置する

ブログのサイドバーに人気記事を表示できるブログパーツを設置します。はてなブックマークブログパーツに行き一番下にあるブログのサイドバーに人気記事を表示の「このブログパーツの設定へ」をクリックし次に進みます。

はてなブックマークブログパーツ人気記事1

ブログのURL(あなたの利用している、ブログトップページのURL)を入力して送信をクリックして次に進みます。

ブログのURLを入力

すると下記画像のようにブログパーツのプレビューとコードが出てきますがプレビューではまだ人気順に並んでないと思います。

ブログパーツのプレビューとコード1

このブログパーツを人気順に表示しランキング画像を付ける為のテーマを選びます。

  • タイトルの「エントリーを空白」にしプレビューをクリックします。
  • 種類を「新着エントリー」を選び又「人気エントリー」に戻します。
  • テーマは、「はてなダイヤリー」を選択します。

すると下記画像のような表示にかわり人気順に並んでいると思います。

はてなブックマークブログパーツの人気記事

又コードを見てみると次の3つが変わっていると思います。

  • Hatena.BookmarkWidget.title = “エントリー” が
    Hatena.BookmarkWidget.title = “” に変更
  • Hatena.BookmarkWidget.sort = “” が
    Hatena.BookmarkWidget.sort = “count” に変更
  • Hatena.BookmarkWidget.theme = “default” が
    Hatena.BookmarkWidget.theme = “hatenadiary” に変更

ここで出てきたコードをコピーしてあなたのサイトに貼り付ければ はてなブックマークブログパーツの人気記事にランキング画像を付ける為の準備は完了です。
それではこのブログパーツの人気記事にランキン画像をスタイルシートで付けてみます。

固定ページ: 1 2 3

最終更新日: 2013年3月13日

  • このエントリーをはてなブックマークに追加
  • にほんブログ村 IT技術ブログ WordPressへ
  • ameba
  • addthis
  • Clip to Evernote

はてなブックマークブログパーツの人気記事にランキング画像を付けて表示の関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*