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

Hatena::Diary

はてなダイアリー ヘルプ

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

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

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

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

はてなダイアリーのヘルプ - 対応ブログパーツ一覧

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

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

かんたんデザイン設定からサイドバーに設置する

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

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

詳細デザイン設定から設置する

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

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

関連する情報