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. 【2024年度】藤井七冠(最優秀棋士)、羽生九段現役続行と会長退任を表明
2. 【バグ】TVerRec 3.4.2 のリネーム処理不具合とその原因を考察
3. 【恐怖】ポンジスキームとは？歴史から学ぶ詐欺の仕組み
4. 【終息】TVerRec 3.3.9（暫定）で機能制限ほぼ解除、3.4.0リリース！
5. 【緊急】TVerRec 3.3.6緊急リリース！仕様変更に暫定対応
6. 【未解決】TVerRecダウンロード不具合！TVerの仕様変更かも？
7. 【昇級／降級】全棋士ランキング確定、伊藤匠叡王B1へ昇級、羽生九段B2へ降級
8. 【将棋】なぜ藤井聡太は人々を魅了するのか？【2024年度振り返り】
9. 【更新】Lhaz 2.5.4リリース！法人利用が有料化へ
10. 【Pixel 3月／2025】カメラ、WebView 、Bluetooth、電話のバグ修正【Android 15】

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

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