※ テンプレートは右2カラムの『キャンバス』シリーズのうちの一つを使用しています トップページと個別記事ページに指定しました。 両方の container にルート要素とスクリプト appid は必要無いです(たぶんデフォルトの appid が使われると予想しています / 966242223397117 )。
<!-- ............... Container ............... -->
<div id="container">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- ..... Title ..... -->
両方の article-social-btn にボタン用要素追加
<div class="article-social-btn"> <$ArticleToolBox$> <div class="fb-share-button" data-href="<$ArticlePermalink$>" data-layout="button_count"></div> </div>
ArticlePermalink は、個別記事用の変数ですが、トップページに指定すると都合よく記事毎の URL に変換されました( ArticlesLoop の中ですから ) デフォルトの appid に関しては、オブジェクトデバッガーの結果より類推しています。そもそも、シェアボタンのコード取得時に appid を持っていなくても動作するコードを取得できます。 関連する記事 livedoor Blog で、Twitter カードを使用する
|
|
【WEBサービスの最新記事】
- #ZOOM #アバター #ベータ版
- ロリポップの phpMyAdmin の SQL 入力部分のフォントを変更する( Google Chrome のデベロッパーツールを利用 )
- utf8 文字ツール の 文字参照リンクの作成方法
- Windows 用 curl で、Googls Photo API を呼び出して画像の baseUrl を取得する
- WordPress の リダイレクト用のコードを作成する PHP / パーマリンクが数字だけだったので、投稿名を追加してから
- 無料SSL(Let's Encrypt) : [さくらインターネット]SSLサーバ証明書発行のお知らせ
- イメージユニット作成サービス / window.open と Lightbox2 と Shadowbox
- フリーフォントでボタン素材作成のバリエーションサンプル / ノーマル・文字なし・太枠・フォント
- フリーフォントでボタン素材作成
- というわけで、『関西向け東電プレミアムプラン シュミレーション』ブックマークレットを作成しました
- 電力自由化 : 関西向け東電プレミアムプラン シュミレーション
- Google+、はてな、Twitter、Facebook のボタンを貼り付けるコードの一括取得
- livedoor Blog で、Twitter カードを使用する
- CKEditor CDN を使用して、簡単に HTML コンテンツ作成エディタを利用できます
- 画像を大きく見る為のウインドウを開くボタンの作成するサービス
- フリーフォントで簡単ロゴ作成の『横書きページで』文字の中央に鏡を置いたような結果を反映させられるようにしました。フリーフォントの種類によって、みんな違うものになります。
- bit.ly の短縮URLのドメイン部分に自分のサブドメイン(Branded Short Domain)を使用する
- Google のカスタム検索の結果と、通常の site: 検索の結果が同じにならないので、後者でしばらく様子を見る事に
- 自分の著作では無い写真を、Twitter 経由でブログに埋め込む時の一考。Google+ も使ってみると、元記事消えても画像は残るかもしれない・・・
- ＨＴＭＬ整形ツール / 属性単位の改行機能付き
