いいねボタン
2015年4月23日
Categories | ブログ（WordPress)
去年の事ですが、
スマホで自分のブログ（ワードプレス）見ると、ＦＢいいねボタンだけ下にずれて
しまう対処をしましたが、（対処法参照）
今度はＰＣでも下にずれてしまうようになり、調整しました。
利用しているプラグインは「WP Social Bookmarking Light」。
以前スマホ用に対処したタグは消して、
新たに下記をＣＳＳに追記しました。
ダッシュボード → 設定 → WP Social Bookmarking Light → styles
.wsbl_facebook_like span{
vertical-align: top !important;
}
.fb_iframe_widget {
width: auto !important;
display: inline-block !important;
}
以上
2014年12月25日
Categories | ホームページ
もうソーシャルボタンは当たり前のようにホームページやブログ等に設置しますが、
私は「忍者ツールズ」の、「忍者おまとめボタン」を利用しています。
http://www.ninja.co.jp/omatome/
デフォルトだとボタン間隔が狭い感じしたので、調整してみました。
ほぼ半日を掛け色々と検証た結果、スタイルシート（css）に1行だけ記述。
.ninja_onebutton iframe { margin:0 7px;}
・マージンの上下を指定するとガタガタになってしまうので、「 0 」指定。
・左右マージンは「 7px 」がマックスでした。これ越してしまうと、
Facebookのいいねボタンの右端が消えてしまう。
デフォルト↑
調整後 ↓
困ったことに、FBいいねボタンの右マージンが広がってくれない。
しょうがないのでFBボタンを右端に移動。
まぁこんなもんで良しとします。
注意点
小さいボタン群は未検証なので、この措置は効くかどうか分かりません。
FBいいねボタンを「+1ボタン」「Lineボタン」の左横に持ってくると、
マージンがなくなり、くっついてしまうので、ボタンの配列を色々変えてみる。
ちょっとだけ間隔を広くしたいのであれば、是非お試しあれ。
2014年5月2日
Categories | ブログ（WordPress) スマホ
自作したブログ（ワードプレス）に、プラグイン「WP Social Bookmarking Light」を
インストールし、記事内にソーシャルボタンを表示させた。しかし、最近になりスマホ
で見ると「いいねボタン」だけが下にずれてしまう。PCでは問題ないのに・・・
ググッて対処法あったのでメモる。
対処前
対処法は
ダッシュボード → 設定 → WP Social Bookmarking Light → styles
Custom CSS に下記を追記
.fb_iframe_widget {
width: auto !important;
display: inline-block !important;
}
スマホで確認してみた。
元に戻った。ヨカッタヨカッタ。
2012年10月27日
見た目は殆ど変わりないです。
しかし
プログラム（ソース）を大幅に変更しました。
以前はＩＥ6～8ユーザーをターゲットに、
テーブル｛table｝を多く用いたレイアウト構成でした。
それを内部ＳＥＯを視野に入れたボックス「div」とリスト「ul・li」に変更。
リニューアルって言うぐらいだから、ビジュアル的にどこか変更しなきゃな
ってことで、フッターに流行のソーシャルボタンを追加しました。
それから、ダウンロード項目を少し細工しました。
ポチッたらどう細工したか分かると思います。
いいねボタン系の右端（You Tube）今は空っぽですが、
先月誤って削除したしまった YouTube動画のバックアップを
押入れから見つけだしたので、現在再編集し近々に復活公開予定でいます。
しまい
2012年10月8日
Categories | ホームページ
いつだか分からないが、多分ごく最近だと思う。
ブックマークが今時の噴出しカウンターになっていることに
今日気が付いた。これはfacebookを意識してなのか？
今までの方がシンプルで気に入ってたのにさ。
で、当サイトにもソーシャルボタンを導入したばかりだから、
新しいものに変更しました。
従来のシンプルボタン → 
新しくなったシンプルボタン → 
採用したスタンダードボタン → 
2012年9月7日
Categories | ホームページ
俗に言う「いいねボタン」、(Facebookのソーシャルボタン)を
当サイトに設置してみました。
今後自分で設置方法を忘れない為にココに残す。
まずは設置するページはカスタムページ（参考まで）
https://www.hcz.jp/history/2007_09_11.html
で、コードを取得する本家本元のサイトは↓
http://developers.facebook.com/docs/reference/plugins/like/
Srep１ に必要箇所の入力
※ Widthを「 97 」に設定した訳はこちら参照
「Get Code」ボタンを押すとコードが生成される。
因みに私は簡単そうなコード「IFRAME」を選択
生成されたコードを表示させたいところにコピペ。
いちおこれでもいいねボタンは表示されるが、
ポチッと押されてもカウンターがカウントしません（汗）
そこでStep２で新たにタグを生成します。
※ Adminはデフォルトが「0」になってるが、Facebookにログインしてれば
自動的にアカウントを表す数字が入る。
「0」のままだとエラー出るがそのままコピペでも支障ない。
しかし後々いいことが有りそう ＾＾ な感じだからログインして「Get Code」ボタンを押す。
「あなたのオープングラフタグ」！！
生成されたタグを <head> ココ </head> にコピペ。
しまい
