So-net Blogにzenbackを設置する -記事下に設置する-｜パソコンのニュースとかレビューとか

	ブログをはじめるログイン

auからXperia acroが登場か-.. ｜Firefox4.0でよくフリーズその.. ブログトップ

So-net Blogにzenbackを設置する -記事下に設置する-　[インターネット] [編集]

So-net blogに最近人気のzenbackを設置する方法です。

画像はクリックで拡大できます。

zenbackとは？

zenbackはブログパーツです。ブログの記事の下や横に、「TwitterやFacebookなどのソーシャルボタン」「その記事に関係する自分のブログ記事」「その記事に関連するキーワード(関連サイト、zenback キーワーズへのリンク)」「その記事に関係する他のzenbackユーザーのブログ記事」「その記事についての最新のTwitterのつぶやき」「その記事についてのはてなブックマーク」を表示します。

zenbackの公式サイトより

まあzenbackについては他にもっとありますのでそちらをどうぞ。

さて、So-net blogに設置するには下の3つの方法があります。

サイドバーに貼り付ける
記事に貼り付ける
レイアウトとして他の場所に

１は簡単ですが、なんかデザイン的はあまりいいと言えません。やはり記事の下あたりについているのが良いと思います。２は記事に貼り付ける分きれいですが、記事を書くたびに貼り付けなくてはいけませんので、面倒です。過去の記事に貼り付けるのは大変な作業です。

ということで３をおすすめします。今回はこのブログのようにコメントのしたに設置する方法を解説します。

これでレイアウトが崩れても知りませんので自己責任で。

まずは、ブログの管理画面のデザインのなかにあるレイアウトのページを開いてください。

そして左の「サイドコンテンツ」のなかにある「カスタムペイン」を記事の下に配置してください。

編集するのでカスタムペインを開いて下さい。

で自由記入欄にzenbackのタグを貼り付けてください（キャプチャ画像では一応隠してます）

で、ここからが重要です。このまま保存してみると細いサイドバーのペインが記事の下に出てるだけでとっーても残念な感じになります。

そこで「コンテンツHTML」を編集します。

でそこに書いてあるものを全部削除して

上のやつをコピペしてください。

そして保存します。で、またカスタムペインの編集に戻り、「設定を保存する」で保存して、レイアウトの画面でまた「設定を保存する」で保存すれば、このブログのようにコメントの下にzenbackが表示されていると思います。

記事ページだけに表示させたいときは「レイアウト」のページで編集モードを「詳細」にして記事ページだけに表示するようにします。

不明なところあればコメントにどうぞ。

	BUFFALO USBメモリー32GB RUF2-K32GE-WH 定価：￥ 10,500 新品最安価格：58％OFF　￥ 4,380　（16店出品）レビュー平均：4.2点　（38人がレビュー投稿）メーカー：バッファローサイズ：32GB
by amazon通販最速検索 at 2011/05/02