BloggerにWebフォントで作ったソーシャルボタンを設置することができました。Bloggerの変数やexpr属性の呪縛により無理だと思われてたガジェットやヘッダーへの設置も可能です。(^_^)vスポンサーリンクSNSボタンの作り方これはシェア数を取得するボタンではありませんが、ちゃんと記事毎のページのタイトルとURLを取得することができます。スマホからは一番上に設置した自分で作ったSNSボタン。(引っ越ししたので変わっています)普通に設置しただけでは、ページ情報は取得できませんし、ブログ変数に置き換えてexpr:hrefと書くとテンプレートエラーとして怒られてしまいます。gustoBlogger用のコードです。参考にしたソースコードはこちら。href=''>の''の中は空のままで設置したい場所へ記載して下さい。本文内へ記載する場合はBloggerでは空リンクを書くと自動で書き換えられてしまうので気を付けて下さい。WEBフォントで作る場合は↑の過去記事をご覧下さい。alt='はてなブックマーク'></a></li></ul>Facebookシェア用のアプリケーションコードを直前に記載。gustoHTMLの空リンクに対してjQueryでURLを呼び出します。↓のコードを</body>直前、さきほどのfacebookのコードの上にでも記載します。直前に↓のコードを記載して下さい。src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>以上で、どのページでもボタンを押せば記事タイトルとURLを取得できると思います。HTMLには、facebook、Twitter、Google+、はてブjQueryには、当ブログの右上のようにGoogle+、facebook、Twitter、はてブ、Pocketを記載してるので設置したいボタンに合わせて調整して下さい。増やす時は、必ずクラス名'sns-●●'と書いてHTMLとjQueryのクラス名を合わせて下さい。3Dボタンの過去記事では「LINE」ボタンも作ってましたが、私は「LINE」未登録のため、ボタン動作の確認がとれないので設置を断念しました。(^^;)あとがきBloggerでは、「公式ボタン」か「忍者おまとめボタン」「ShareThis」を設置するしか方法がなくて、WordPressサイトの方のページをいつも指を咥えて見てましたが、やっとオリジナルボタンの設置方法が完成しました。言われる読み込み速度も公式ボタンや忍者と比べると2秒ほど速くなったので本当に良かったです。(^^)SNSボタンの重さが気になってる方や、BloggerでWebフォントやフラットボタンでソーシャルリンクを設置したいけど出来なかったという方は、このコードをぜひ試してみて下さいね。ありがとうございました。この記事が役に立ったと思った方はシェアして頂けると嬉しいです。(^^)この記事が気に入ったらいいねをお願いします。Carreonテスト訪問ありがとうございました。お知らせスパムが多いため、コメントは承認制になっています。確認次第、承認と返信をいたしますね。コメントをキャンセルメールアドレスが公開されることはありません。最安値のサプリSHOPで深海鮫スクアレンを買ってみた。お手軽♪ペットボトル加湿器オーブの良い点・悪い点au解約前に要確認!溜まったポイントをギフト券に換金する方法。views冷凍アカムシは水を汚す?汚さない与え方。検索キーワードが指定されていません。最近の項目を表示しています。検索もしくは上下矢印キーを使って項目を選択してください。