日記のサイドバーなどにブログパーツを設置する

はてな以外の様々なサービスで提供されているブログパーツやブログアクセサリーなどをはてなダイアリーでも設置することができます。

以下の対応ブログパーツ一覧からお好きなブログパーツを選んでクリックすると、それぞれのブログパーツを提供しているサービスに遷移します。それぞれのサービスにて、ブログ貼り付け用のコードを取得してコピーしてください。

コピーした貼り付け用コードははてなダイアリーのサイドバーや日記本文に貼り付けて、自分のブログに設置することができます。

なお、基本的に各ブログパーツの紹介ページで表示されるタグを直接貼ることを前提としており、色の変更などのカスタマイズは想定しておりますが、タグそのものをご自分で書き換えられた場合などに正しく動作しないことがあります。

管理ツールのデザイン編集より、かんたんデザイン設定へ移動します。「サイドバー」タブから「ブログパーツ」をクリックすると、コードを貼り付けるウィンドウが表示されます。

ウィンドウ内に各サービスにて取得した貼り付け用コードをペーストして「決定」ボタンをクリックし、画面下部の「この内容に変更する」ボタンをクリックすると設置完了です。自分のダイアリーのサイドバーに設置されたことを確認してください。

詳細デザイン設定からも直接ヘッダやフッタに貼り付け用コードをペーストすることでも設置できます。その際に以下のDIVタグで囲むとサイドバーの中央揃えで表示されます。

<div class="hatena-widget">
～ここにブログパーツのコードを貼り付ける～
</div>