ライブドアブログをお使いの方で、
Twitterのツイートボタン(RTボタン)
Facebookのいいねボタン
はてなブックマークのはてブボタン
を、それぞれの公式ボタン作成ページで作成し、いちいちブログ記事本文内に置いている方、

header

footer

こんな感じでヘッダーとフッターに埋め込んで、手間なく更新したいなあ、と思っていらっしゃるのではないでしょうか。でもこれ、やってみたら意外に色々と調整面倒でした・・・。

なので、同じようなことを考えている方は、以下マネしていただくとラクだと思います。


1.コードをコピーする

最初に、このコードを全選択の上コピーします。
※画面に表示されていない部分もあるので、Wクリックなどで必ず全選択して下さい。
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<$ArticlePermalink$>" data-text="<$ArticleTitle$>" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>" class="hatena-bookmark-button" data-hatena-bookmark-title="<$ArticleTitle$>"  data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <iframe src="http://www.facebook.com/plugins/like.php?href=<$ArticlePermalink$>&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:20px;" allowTransparency="true"></iframe>
自分でやろうと思うと、このソースコードをライブドアに合うようにする調整が色々面倒・・・。


2.埋め込む場所を見つける

次に、管理画面から[ブログ設定]の[デザインのカスタマイズ]ページに行き、ソースコードをよく見て(ctrl+Fで検索して)、
<div class="article-tool-box-header"><$ArticleToolBox$></div>
と記述されている部分を探しましょう。


3.埋め込む

緊張の埋め込み作業です。
<div class="article-tool-box-header">XXX…XXX<$ArticleToolBox$></div>
このXXX…XXXの部分に、先程コピーしたコードをペーストしていきます。

スタイルシート(CSS)を除く
・トップページ
・個別記事ページ
・カテゴリアーカイブ
・月別アーカイブ
の4画面、ヘッダー部分とフッター部分の計2箇所、合計8箇所にペーストして、「保存する」ボタンを押して上書きします。貼り付ける場所を間違えると大変ですからねー。

adminpage

するとほら、「RTボタン」と「いいねボタン」と「はてブボタン」が綺麗に並びました!

button
個別エントリ名は<$ArticleTitle$>タグを、個別エントリURLは<$ArticlePermalink$>を参照しているので、更新時のメンテナンスも不要です。

なお、スタイルシートやHTMLの知識が無い方でも作業できるよう、敢えて難しいことを端折って書きましたが、知識がない方が作業を間違えると取り返しの付かないことになる可能性がありますので、作業前に必ず「デザイン保存」をしておくことをお忘れなくお願いしますね。