◆はじめに◆
有名ブロガーさんたちのエントリーを拝見していると、フッター最後尾付近に「powered by zenback」という文字を最近よく見かけます。今が旬なのか否か？は、ブログビギナーの私にとってよくわかりませんがw、この「zenback」なるブログパーツ、ソーシャルボタン、関連記事、リンク、キーワアード、twitter、Facebook、はてなブックマーク等々を網羅できる夢のようなブログパーツ！しかも個人ブロガーは無料！もうやるっきゃないっしょ！ということで
ページはここです「zenback」
◆超素敵なブログパーツ◆
このブログパーツをどうしても自分のブログ（はてなダイアリー）に貼付けたいと思い、いろいろ調べた内容をみなさんにシェアしたいと思います。自分にとってはかなりの作業量でしたが、わかっている方にとっては基本的なこと？かもしれないので、ご存知の方はスルーしてください。
まずは今からの作業のフローを示したいと思います。
（１）はてなダイアリーの書き込み場所の確認
↓
（２）「zenback」にてブログ登録・Scriptコードの生成
↓
（３）はてなダイアリーのフッターに生成したScriptコードを貼り付け
↓
（４）完成後のブログ確認（文字がかぶっている！）
↓
（５）Google先生に聞いてみる。修正作業
↓
（６）再度完成後のブログ確認。完成！
◆具体的作業内容◆
（１）はてなダイアリーの書き込み場所の確認
画面右上にある「管理」画面を開きます。
左サイドバーメニューの「デザイン」→「デザイン編集」をクリックします。
すると「ページのフッタ」欄が見えます。この中に貼り付けます。
（２）「zenback」にてブログ登録・Scriptコードの生成
「zenback」を開き、「新規登録＆コードを取得する」をクリックし自分のブログを登録します。「Scriptコード」を取得することができるので、コピーします。
カスタマイズ画面では「ブログへの表示項目」で各パーツを表示・非表示や順番をカスタマイズできます。「ソーシャル・ボタン」「Facebook」の編集も可能です。
（３）はてなダイアリーのフッターに生成したScriptコードを貼り付け
上記（１）で確認した「ページのフッタ」欄に上記（２）で生成したScriptコードを適切な位置に貼付けます。
私の場合はサイドバータグを記載していましたから、その前に挿入しました。
（４）完成後のブログ確認（文字がかぶっている！）
完成後にブログを確認してみると、文字がサイドバーに被っているではありませんか！
（５）Google先生に聞いてみる。修正作業
これはどうしたものかと途方に暮れて、しばし考えて、やはりここはGoogle先生に聞いてみるのが一番と思い、ググってみると出てきました！
がヒットしました。
はてなダイアリーでは、ブログのサイドバーと個別記事ページ/ブログ最下部に「ブログパーツ」形式で、zenbackを貼り付けることができます。
そして
ご利用のはてなダイアリーのデザインによっては、zenbackの横幅が合わないことがあります。その場合、下記の通りdivタグでzenbackのコードを囲い、横幅を調整してみてください。
（６）再度完成後のブログ確認。完成！
上記を参考に、早速貼付けてみました。
私のブログの場合の幅は400pxでは狭すぎでしたので670pxに修正しました。各々で最適な幅設定をすると見た目がよくなると思います。
これで、文章の中身は別として、見た目は普通のブログっぽくなりましたw
◆完成品◆
ちょっと全体を俯瞰してみましょう！
できてました！
.
コメントはこちら