旧明後日アナライザ: 【Blogger向け】ブログにFacebook、Twitter、はてなブックマーク、Pocket、Google＋などのボタンを設置しよう。

各種SNSのシェアやお気に入りボタンを設置する方法を防備録代わりにまとめておきます。

■Blogger全般
・記事下など好きな所にSNSボタンを設置する方法

■Facebook
・Facebookのshare（シェア）ボタンをサイトやブログに設置する方法

・ソーシャルボタンを並べたときにFacebookのLike Button(いいねボタン)だけが下にずれてしまう現象の修正方法

■Twitter
・今さら聞けない！Twitterのツイートボタンを設置する方法

■はてなブックマーク
・ブログに必須！はてブボタンを作成/設置する方法

■Pocket
・あとで読む？ブログに「Pocketボタン」を設置する方法

・Pocketのブログパーツを改行せず設置する方法

■Google＋
・コピペでOK!記事にGoogle「＋1」ボタンを設置する方法

上記のサイト様を参考に設置しました。私はWebに関する知識がないので、参考にするといってもコードをほぼそのままコピーし使用する感じ。ブラックボックス状態なので、微調整したい場合、どう弄ればやりたいことが実現出来るのか悪戦苦闘します。

特にFacebookとPocketのボタンは公式のコード生成サービスを利用したコードをそのまま使用すると改行されてしまうので、cssでこれを修正してあげる必要性があるようですね。

ちなみにBloggerの場合、HTMLの編集はBloggerにログインし、テンプレートのHTML編集から行います。cssはHTML同様まずはログインし、レイアウトからテンプレートデザイナーを選択、テンプレートデザイナーの画面の上級者向けからcssを追加を選択しコードを記述します。