AddThis 分享鍵

604 Views

本篇教您如何在您的部落格上加入一個超好用的萬用分享鍵.

這是一個超簡單又超好用的"萬用分享鍵". 放在部落格上有助於訪客"一鍵分享"你的好文到各式各樣的社群中. 



加AddThis分享鍵到Blogger部落格



不同於Blogger本身提供的"分享按鈕", 這個有基本上你能想到的社群它都有, 例如: WeChat, Line, Facebook, Twitter, Weibo, Pinterest等, 還有你想不到, 不知道的也有幾十種.   

所以, 就決定拿下Blogger自己的"分享按鈕"改裝這個AddThis分享鍵囉.

要加裝它也很簡單, 第一步, 自然就是去AddThis 官網登入. 用email申請加入
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-210.png

然後選擇你要加裝的工具, 本網站是選"Share Buttons".
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-211.png

然後看你希望這個"分享按鈕"以什麼樣的型式出現在你的網誌上. 
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-212.png
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-213.png接下來, 有5種不同的設定, 包括"分享鍵"是方的還是圓角的, 是連在一起還是有間隔, "分享鍵"的顏色也可以隨意調整, 還有它出現的位置是在左邊還是右邊, 手機的是出現在上面還是下面, 都可以在這裡做設定. 

還可以選一次出現幾個分享按鈕. 預設值是5個. 我放了7個. 

最後一個都是"+"鍵, 按下還會出現更多見都沒見過的社群分享鍵.

設定好後請按下[Activate Tool]鍵.

接下來, 就出現你要的程式碼了.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-214.png

它本身就提供了很詳細的說明如何把程式碼放入Blogger中.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-221.png

就是Copy上面淡藍色裡的程式碼, 然後到Blogger後台的[主題]→[編輯HTML]
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-232.png
然後在視窗中按下Ctrl+F, 在Search欄中輸入</body>按Enter鍵.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-218.png
然後在</body>上面貼入淡藍色裡的程式碼. 記得[儲存主題], 就大功告成了.


加AddThis分享鍵到WordPress部落格



要在Wordpress上加裝一個AddThis萬用分享鍵很簡單, 只需加裝一個外掛即可.

在Wordpress控制台→[外掛]→[安裝外掛]→在搜尋列打入關鍵字"addthis"→選下面這個外掛後按下[立即安裝]→[啓用]

然後, 可以在[已安裝的外掛]裡找到[Share Buttons by AddThis]
按下[Settings]鍵→按下[Add New]→然後可以選擇你想要的分享鍵呈現的格式(直式或橫式).

然後選[Select Your Own]→可以在search列裡輸入想要出現的分享鍵名, 例如:line, wechat, whatsapp, 等.
下方的Position可以選擇分享鍵會出現的位置, Design可以決定分享鍵的大小. 設定好之後, 不要忘了按下右上方的[Publish]鍵. 請點這裡看實例.



加入橫式的AddThis分享鍵


前面都一樣, 最後要在每篇文章想要出現橫式萬用分享鍵的地方貼入inline程式碼.

<div class="addthis_inline_share_toolbox"></div>



喜歡或者 不喜歡 如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!


相關文章:

  • 用 Blogger 架設一個零成本的網路商店(一) 申請 ecwid 網路購物車 想要零成本的開一個網路商店嗎? 介紹一個超好用的電子商務網路購物車, 可以輕輕鬆鬆的就加到 Blogger 上, 馬上利用免費的Blogger, 免費的域名(freenom)和免費的 ecwid 網路購物車開一個零月租零成本的網路商店囉. 目錄索引 … [繼續閱讀]
  • 在Blogger上加入一個聊天室 在自己的網站上加入一個聊天室, 其實很簡單, 只需要註冊一個 RumbleTalk 的帳號即可. 本篇將會示範如何輕輕鬆鬆的在自己的部落格加入一個聊天室. 首先, 用email或是臉書帳號註冊申請一個 RumbleTalk 的帳號 → 然後選[Group Chat] → 按下[Next]… [繼續閱讀]
  • Blogger 電子報訂閱 feedburner 的最佳替代品 follow.it 有用 feedburner 來做為 Blogger 的網站電子報訂閱的站長應該都注意到下面這個出現在 Blogger 後台的訊息, 基本上它就是說 feedburner 的電子郵件訂閱功能從2021年7月起將走進歷史了.  目錄索引 … [繼續閱讀]
  • 免費的客製化連絡表單 h5{ font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; border-radius:5px 50px; /*原設100px, 把標籤的四個直角變圓, 現在改成對角線圓*/ -… [繼續閱讀]
  • 如何在Blogger留言區加上emoji表情符號? Google Blogger 整體來說絕對是好用的, 自行設計的彈性空間大, 零廣告, 還完全免費! 在不用花半毛錢的情況下, Google Blogger 真的是無可挑剔了. 但如果真的要從雞蛋裡挑骨頭, 就是它有些地方真的不是太 user friendly, 然後有些地方太過平… [繼續閱讀]

0 留言:

張貼留言

顯示表情符號