ブログパーツ Zenbackの設置方法

今回はSBMや関連記事などを表示できるブログパーツZenbackをご紹介します。

Zenback

http://zenback.jp/

Zenbackとは

ソーシャルブックマークや関連記事を自分のブログに表示できるブログパーツです。また記事に対しての最近のTwitterのつぶやきを表示できます。設置の前に下記の内容をご確認うえ設置して下さい。

• ブログのトップページや月別/カテゴリ別アーカイブ一覧ページなどに貼ると正しく動作しないとのこと。
• ジャバスクリプトが使用できないブログサービスは設置できません。
• テンプレートをカスタマイズができないブログサービスには設置できません。ちなみにbloggerには設置できました。

Zenbackの使い方

1. Zenbackにアクセスします。http://zenback.jp/
2. 新規登録にてEメールアドレスとパスワードを設定します。
3. カスタマイズでご自身のサイトに合わせてブログへの表示項目や表示するソーシャル・ボタンの設定をします。スタイルに関してはCSSでのカスタマイズもできます。
4. <>コードボタンでコードが表示されますのでコピーして表示したい場所に貼りつけてください。実際に表示されるまでには何時間から数日間かかるようです。私のブログの場合は約1日程度で表示されました。

---

Zenbackをbloggerに設置する方法

設置する方法は2種類あります。

まずは簡単なデザインからの「ガジェットを追加」から設置したいと思います。

1. ガジェットを追加からコードを追加していきます。
2. ※01のHTML/Javascriptから追加します。
3. ※02コンテンツにZenbackで取得したコードを貼りつけたらできあがりです。

※01


※02



次に私が設置した方法です。
「HTMLの編集」から設置をしていきます。

1. 「HTMLの編集」を開きます。※ウィジェットのテンプレートを展開にチェックを入れて下さい。
2. 挿入するソースを編集します。
   元ソース
   
   
3. if文とCDATAを追加。
   編集後のソース
   
   
4. 
   
   
5. 「関連記事」の精度を高めるために次のようにテンプレートを編集します。
   
   
   
6. Zenback設置後の画像　↓