[網站應用] Addthis+免費社群分享按鈕-實戰教學

 Addthis
免費「社群分享按鈕」實戰教學，
一起來試試看吧～

課前準備不得馬乎～

• 請先註冊
• 裡面多樣式可以選擇，先從免費版的試試看吧～這能滿足一般想要的囉！

步驟一.點選「TOOLS」▶點進去「Sharing Slidebar」(免費萬歲～)      

步驟二.點選「TOOLS」▶點進去「Sharing Slidebar」(免費萬歲～)  

• 1. Choose a side▶選則按鈕要出現的地方
• 2. Theme選擇背景▶建議空白
• 3. Title▶出現在按鈕上方建議空白

• 4. Select Your Own▶自訂你想要的按鈕(可拖拉排列)

• 5. Get The Code▶複製編碼▶貼到剪貼簿(文字編輯)
  
  
  
  ✭微軟：開啟「剪貼簿」    ✭MAC：開啟「文字編輯」

• 6. 儲存結果～確認or更新

恭喜～目前已經完成70%囉～加油

步驟三.安裝小工具～

• 1.回到Blog「版面配置」▶2.Sidebar「新增小工具」

• 3.找到「HTML/JavaScript」

• 標題命名▶貼上「code」▶儲存▶回到頁面右上方最重要的「儲存排列方式」

這時候可以另外開視窗瀏覽看看效果，也可以用手機檢閱一下。
會發現手機會不斷跳出置中的白色頁面廣告...很擾人！

解決辦法參考「步驟四」！

步驟四.回到 Addthis 微調設定

• 點選上方「CUSTOM MESSAGES」
• 點入一開始設定的資料

• 1.點選下方Position▶2.底部「Bottom」▶3.Save.儲存
• 完成囉～接下來應該不會被擋住了！

• 網站名稱：Addthis
• 網站鏈結：https://www.addthis.com/
• 操作難度：✭(勝)
• 花費時間：15分鐘快速搞定(勝)。
• 總結優缺：優點｜適合新手入門，操作不複雜。
                      缺點｜a.手機瀏覽時，一直彈出視窗干擾，需另外設定。
                                  b.較符合手機格式的app要「另外購買」＠＃＄(廢)
  

延伸推薦：[BLOG懶人工具包] 推薦Blogger免費社群分享按鈕-實戰教學