[網站應用] 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要「另外購買」@#$
    (廢)

Share on Google Plus

2 則留言 :

  1. 回覆
    1. 你方便截圖嗎?
      目前兩個問題要問您喔:
      你的bloger是響應是的版面嗎?
      1.如果不是,當然手機版可能會無法判讀,建議要編輯勾選手機版,不過就得再做一次!
      2.如果是,手機版那個勾選「不能打勾」喔!
      如果還是有問題,寫mail給我,kevinchuang.sdt@gmail.com
      line:acirez

      刪除