ソーシャルボタンを設置 / WP Social Bookmarking Light
2013年5月31日
Categories | ブログ（WordPress)
WordPressに簡単にソーシャルボタンが設置できる
よさげなプラグイン「WP Social Bookmarking Light」があったので
インストールしてみました。管理画面で細かな設定も出来るすぐれもの。
どなたか「いいね！」してくれるかしら（笑）
ボタン
忍者おまとめボタンを設置
2013年1月29日
Categories | ホームページ
単体でソーシャルボタン「いいね系」を設置するのって
結構手間が掛かって難儀していたので
忍者おまとめボタンとやらをカスタムページに設置してみました。
解析機能が付いているのはいいんだが
表示スピードがかなり遅くなるのがネック。
ストレス感じる方、ご勘弁を。
今回ソーシャルボタンを設置したページは
https://www.hcz.jp/history/2008_03_30.html
https://www.hcz.jp/history/tire-s20.html
https://www.hcz.jp/history/gipro.html
https://www.hcz.jp/history/2007_09_11.html
https://www.hcz.jp/history/navi.html
いいねボタンのカウンター枠
2012年9月10日
Categories | ホームページ
Facebookのいいねボタンを設置してみたが
カウンター枠の右端が表示されてない！
多分ブラウザやバージョンによって表示の違いがあるみたいだね。
で、横サイズを微調整し
「 width:97px; 」 これ以上で問題ないぽ。
どこかのホムペに最小は90ピクセルと書いてあったような気がするが
それだと間違いなくカウンター枠右端が千切れるよ。
Google +1（プラスワン）ボタンのマージン
2012年9月9日
Categories | ホームページ
流行のソーシャルボタンを幾つか横並びに設置しても
何だかGoogle +1（プラスワン）ボタンだけマージンあり過ぎくない？
って悩んでるの私だけであろうか？
変なところに神経質なぢぶんではありますが
折角だったら均等にボタン並べたいん。
で、色々とタグを駆使しでけました＾＾
ネッ！
Google +1（プラスワン）ボタン共々均等間隔に並んでしょ。
要はリストタグでこんな感じに作る。
<ul> <li> <span style="color: #ff0000;">style="width:60px;overflow:hidden"</span> <g:plusone size="medium"> </g:plusone> </li> <li> <a href="https://twitter.com/share" data-lang="ja">ツイート</a> </li> </ul>
<li>に赤文字の部分を追加するんだな。
Google +1（プラスワン）ボタンの表示サイズはmediumで横60ピクセル。
それを強制的にスタイルで書いちまえばきっちり均等になるはず。
参考ページ（ https://www.hcz.jp/history/2007_09_11.html）
因みにスタイルシート(CSS)はこんな感じです。
li {
float:left;
margin: 0 5px;
padding: 0;
list-style:none;
}
しまい
ソーシャルボタンを追加
2012年9月8日
いいね！ボタン系をいくつか追加してみたのですが
Google+1ボタンがヘンに横マージンが出来てしまい
なんでだろう・・・。 ここ数日悩んでいます。
ついでにカスタムページもリニューアルさせようと
css3で写真に影つけてみたが、ＩＥ9だとライトボックスが無効になってしまう。
あ～ ＨＰ作るのってむずい。
取りあえずタイヤ交換ページ完成させよ。
