タグ

tipsとfacebookに関するusagi_fのブックマーク (4)

  • Facebookのshare(シェア)ボタンをサイトやブログに設置する方法

    このブログでもFacebookの「いいね!(like)」ボタンを設置する方法は書いたことがあるし、同じように「いいね!」の解説ページは他にもたくさんあるんだけど、各種「share(シェア)」ボタンのオプション設定の解説を日語で書いてるページはあまり見あたらない。(現在はいいね!数をカウントしている「share+カウント数ボタン」の解説ページはある。) しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね!」ボタンと同じようにヘルプペ

    Facebookのshare(シェア)ボタンをサイトやブログに設置する方法
  • ずれてしまったFacebookの「いいね!」ボタンを元に戻す方法

    このブログに付けていたFacebookの「いいね!」ボタンが、いつの間にか上記の画像のようにずれて表示されていたので修正してみました。 ずれてしまった原因 原因としては以下の2点が考えられます。 テンプレートのコードを変更したときにミスった いいね!ボタンのクラス名か、その内部の名前が変更された 1に関しては論外ですが、2に関してはちょっと問題がありそうです。 少し調べてみても他の方で同じ症状に悩まされている方はいなそうなので単純に自分のミスだと思われます。 ずれ対策 一応ずれ対策用のCSSを記しておきます。 .fb_iframe_widget{vertical-align:top;margin-top:-3px;} このコードが効くのは、いいね!ボタンがデフォルトの状態でdisplayがinline-blockの場合のみだと思います。 そもそもfloatで整列させている場合にはズレること

  • FacebookページのフィードURLを取得してフィードリーダーで購読する方法

    FacebookページのフィードURLを取得して、Googleリーダーやlivedoor Readerなどの、いわゆるフィードリーダー(RSSリーダー)で購読する方法を紹介します。 下のスクリーンショットは「無印良品」のFacebookページです。 「無印良品」のFacebookページ このFacebookページをGoogleリーダーに登録すると、次のような感じで購読できます。 「無印良品」のFacebookページをGoogleリーダーに登録 フィードのリンクをクリックすれば該当の投稿ページにジャンプします。複数のFacebookページをタイトルでまとめてチェックしたい場合に便利です。 以下、FacebookページのフィードURLの取得方法を解説します。Facebookページのフィードは、対象のFacebookページを「いいね!」していなくても購読できます。 気の短い人は3項だけご覧くださ

    FacebookページのフィードURLを取得してフィードリーダーで購読する方法
  • Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです

    FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに! ≫ボタンをオリジナル(自作)にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす

  • 1