AddThis 分享鍵

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>



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


    0 留言:

    張貼留言