Bloggerの共有ボタン非表示を修正･改造した

2011年2月28日月曜日

Bloggerの共有ボタン非表示を修正･改造した

以前「ブックマークボタンを改造･追加」と言う記事を書いた。
１週間ぐらい前までは正常に表示されていたが、
HTMLやCSSを下手に弄ったらしく原因不明のバグが発生。

初期設定の共有ボタン５つ(上図)のみが表示されなくなってしまっていた。

で、原因解明が面倒くさくなったので素人なりに共有ボタンを自作してみた。

もっとも、今でもバグの原因はわからず。
該当ページのみ初期共有ボタン表示がおかしいことに。

これはもうミリオンスロット状態ですね。

恐らくは記事中のHTML･CSSコードがそうさせているのだろう。
が、めんどくさがりな俺はページ分割して目を瞑ることにした。

前回の改造では下記のサイトを参照させていただいたのだが、ブログ閉鎖に加えキャッシュも削除されているらしく詳細を調べることが出来ない。
「Bloggerカスタマイズ情報ブログ」
http://customize-your-blogger.blogspot.com/
http://customize-your-blogger.blogspot.com/2010/06/how-to-create-bookmark-buttons.html

そこで初期共有ボタンを前回使ったコードを流用して表示させることにした。
だからコードはココには掲載しませんので自己責任のもと勝手に落としてください。
手順は前回と同じですが、編集前に必ず「テンプレートをすべてダウンロード」をしてファイルの保存を行ってください。

１．デザイン→ページ要素→ブログの投稿の｢編集｣→[共有] ボタンを表示するを有効化

２．デザイン→ＨＴＭＬの編集→ウィジェットのテンプレートを展開を有効化

３．

]]></b:skin>

の直前にこのコードを添付。

４．テンプレート中の

<b:includable id='shareButtons' var='post'>

から

</b:includable>

までを
このコードに変換、後はテンプレ保存して完成。

改造部分
共有ボタンがグレーで地味だったので、通常時をカーソルを合わせたとき(hover)の色、カーソルを合わせたときはアイコン周りが赤く表示されるようにドット職人ばりに改造しました。赤い表示が気にくわない方は自分で勝手に編集しちゃってください。

何かのお役に立てられたら

↓をクリック！