#zenback

[shinskys]

tumblr. のテーマを少しカスタマイズ

やったことの φ(..)ﾒﾓﾒﾓ Notes、つまり「リブログ」や「スキ!」されたもののリストを各エントリの一番下に置いた。つまり、zenback のブロックと DISQUS コメントシステムの下。

あまりにたくさん反応がある場合（うれしいんだけど^^;）、それらになかなかたどり着けなくなっちゃっていたので。 ほかのテーマでもそういうの（Notes が DISQUS の下）が意外とあったので、その真似。

【追記】具体的になにを動かしたかというと。 たとえばデフォルトのテーマ（Optica：http://goo.gl/bHTW2w）だとこれ。

{block:PostNotes} <section id="notes" class="notes-wrapper clearfix"> {PostNotes-64} </section> {/block:PostNotes}

これを置きたい場所に移動する。

[shinskys]

Zenbackのデザイン変更は実はとっても簡単！いろんなデザイン変更方法をご紹介します。

************************ 自分のサイトに合わせてもっとかわいくorかっこよくZenbackの色やフォントやサイズを調整したい！とお思いのあなたのために、サンプルコードをたくさん掲載しているサイトです。 ご希望のカスタマイズをサイドバーから探していただき、記事を読んでコードをコピペしてお使いください。 -------------------- ● Zenback デザインハックブログ http://designhack.zenback.jp ************************

[mt-nagoya]

がんばれ、2014 （Zenbackを貼りました）

執筆のお仕事が遅れまくってまして、MTDDC Meetup NAGOYA 2014のほうのサイトがなかなか進めれないです。

バックグラウンドでMT構築してるんだけどね、まだ公開してるのは静的ページだったり…。

ページごとに徐々に公開できるのはMTのいいところだけどね。

で、Zenbackを貼ってみました。

これは、関連しそうなブログを見つけてきて表示してくれる機能もありますが、なんかMTDDC Meetup NAGOYA 2011の記事がほとんど。

がんばれ、2014。

[inobu]

【話題】動物実験を人間で再現、ロンドンで行われた「LUSH」の抗議パフォーマンス（動画あり） : 付録部 blog-bu  #Zenback @blogbuさんから

[slumbers99-blog]

Adblock Plus によって zenback が表示されなくなった時は。

残念ながら、Adblock Plus [Chrome ウェブストア] を入れると zenback が表示されません。 (日本向けフィルタ(仮) を適用後かな?) ソーシャルボタンなんかも一気に消えてしまうので、いい記事に出会っても何もアクション取れなくなってしまう、悲しい出来事。(はてブはできるけど。) そんな時は Adblock Plus の 「自作フィルタ」に以下を登録。

@@||*.zenback.jp/

こんな感じ。ニコ動も再生できなくなっちゃったから、それ用のフィルタも入れてある。

[slumbers99-blog]

blogger で zenback が表示されなくなった場合の対処方法

当ブログは zenback を導入していたんですが、 先日からこんな感じで読み込み完了しなくなってしまいました。 どうも、 blogger の仕様変更があったらしく、 .com から閲覧者の国別アドレスにリダイレクトされるようです。

zenback ブログでは

日本語ブログ向けサービスであるZenbackは国内から閲覧するユーザが大半と考え、".jp"ドメインへの貼替えのご対応を案内させていただいております。

との案内となっています。 新しく .jp ドメインでのコードを取得して、 張り替えたほうがよさそうです。 それにしても急な仕様変更ですねぇ・・・。

[slumbers99-blog]

Blogger での zenback 利用方法

zenbackとは？

zenbackはブログパーツです。ブログの記事の下や横に、

その記事をソーシャルなどにポストするボタン（Twitter、はてブ、mixiチェック、Evernote、Facebook）

その記事に関係する自分のブログ記事

その記事に関係する他のzenbackユーザーのブログ記事（関連リンク）

その記事についての最新のTwitterのつぶやき

その記事についてのはてなブックマーク

を表示します。

公式のヘルプには Blogger での導入方法は無いのですが、 ちゃんと Blogger でも使うことができます。

登録・コードを取得する

http://zenback.jp/ にて登録を済ませます。

コードを Blogger に合わせてテンプレート編集

以下のように編集します。

// <![CDATA[ document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//slumbers99.blogspot.com/&nsid=1234567890&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E")); // ]]>

Blogger のテンプレートに貼り付ける （記事の一番下に出す場合）

これを

// <![CDATA[ document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//slumbers99.blogspot.com/&nsid=1234567890&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E")); // ]]>

とします。

を分解して中にコード貼り付ける感じです。 ここまでしたら、プレビューしてみましょう。 一覧表示なので zenback は表示されていないと思います。 見た目に異常がなかったらテンプレートを保存して実際のブログを確認してみましょう。

関連記事の精度を上げる「zenbackタグ」を追加する

必須では無いものの、付けといたほうがいいかもしれないので付けておきます。

本文部分を「」「」で囲む

<!-- zenback_body_begin --> <!-- zenback_body_end -->

こんな感じ。

記事タイトル部分を「」「」で囲む

<!-- zenback_title_begin -->

<!-- zenback_title_end --> こんな感じ。 使用しているテンプレートによってはタグがちょっと違うかと思いますが、 だいたい同じような構成に鳴っていると思いますので、探してみてください。 設置が完了すると以下のようなパーツが現れます。 意外に簡単に設置できるので、お試しアレ！！

[chaoticcosmos]

([N] 「Zenback」リニューアルしてデザインテーマ変更＆関連記事に画像表示が可能にから)