AddToAnyを設置する方法 (Blogger)

Atom | RSS

このサイトを検索 | Search this site

AddToAnyを設置する方法 (Blogger)

AddToAnyというWebサービスを利用して、Bloggerにソーシャルリンクボタンを設置しました。

「AddToAny」はBloggerガジェットにスクリプトを追加するだけで、投稿記事の文末にソーシャルリンクボタンを表示することができます。

追加作業は１分程度です。

目次[表示]

• 1.AddToAnyの利用方法
• 2.モバイルコンテンツに表示する方法
• 3.最後に

AddToAnyの利用方法

1. Bloggerにログインしておく
2. 公式サイトにアクセス
   AddToAny Share Buttons and Icons
3. 「Get the Share Buttons」をクリックする
4. Get Share Buttons for と表示されるので「Blogger」を選択する
   
5. [Install Blogger Widget] をクリックする
   
6. Bloggerの管理画面「ページ要素を追加」が表示されるので [ウィジェットを追加] をクリックする
   
7. Bloggerのレイアウト画面が表示されるので、「AddToAny」ガジェットが追加されていることを確認する
8. 終了

モバイルコンテンツに表示する方法

AddToAnyをモバイルで動作させるには、テンプレートをカスタマイズします。

カスタマイズ方法は公式サイトを見ていただくとして、私が実行した手順は次の通りです。

1. テーマ編集画面を表示する
   
   Blogger管理画面 > テーマ > HTMLの編集
2. [Ctrl ＋ F] を押して検索窓を表示する
3. title='AddToAny' と入力してリターンキーを押す
   
   
4. title='AddToAny' の次に mobile='yes' を追加する
   
   
5. [テーマを保存] 
6. 手順終了 

最後に

AddToAnyの設置に成功すると、投稿記事本文の最後、ラベル一覧、トップページなどにソーシャルメディアのアイコンが表示されます。

以下の画像は AddToAny アイコンが表示された投稿ページのスナップショットです。

Blogger の記事 (Articles about the Blogger)

1. 【Blogger】指定したラベルの記事を新着順で抽出して一覧表示する（ことに成功）
2. Google Bloggerブログがマルウェア検出で公開停止に！原因は？復旧は？
3. IFTTT 使用レポート（使い方）
4. Blogger: ブログのページ幅を最適化（アドセンス対策）
5. Bloggerの管理画面が英語表記になる時の緩和策
6. moreタグの動作をカスタマイズする方法｜Blogger
7. アドセンスコードをmoreタグの位置に挿入する方法（同期コード）
8. more タグの位置にアドセンスコードを挿入する方法
9. モバイルユーザビリティエラーの対処方法 (Blogger)
10. Google Search Consoleに記録された構造化データエラーとは？（対策あり）
11. Blogger ラベルの記事（要約付）
12. Blogger が含まれる記事（要約付）

新着順 (New arrival order)

1. 【Pixel／2025年5月】アンチロールバックの実装、ゼロデイ脆弱性（CVE-2025-27363）
2. 【初心者向け】Windows／AndroidでDoHを設定してセキュリティを高める方法
3. まだ間に合う！ChromeでuBlock Originを使うための最終手段
4. 【新ルール】クイーン白玲（通算5期）で四段昇段！将棋界に激震走る
5. 【最速情報】Google Pixel 9a 日本発売！気になる価格とスペックまとめ
6. 【Pixel 4月／2025】生体認証、カメラ、ディスプレイ、UIの修正【Android 15】
7. 【2024年度】藤井七冠(最優秀棋士)、羽生九段、会長辞任はタイトル100期への伏線か？
8. 【バグ】TVerRec 3.4.2 のリネーム処理不具合とその原因を考察
9. 【恐怖】ポンジスキームとは？歴史から学ぶ詐欺の仕組み
10. 【終息】TVerRec 3.3.9（暫定）で機能制限ほぼ解除、3.4.0リリース！

タイトル：AddToAnyを設置する方法 (Blogger)：SC2

このサイトを検索 | Search this site