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部落格


    如何加裝AddThis萬用分享鍵, 詳情請看這篇: 安裝AddThis到Wordpress網站.

    加入橫式的AddThis分享鍵

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



    要謝謝"嵐設狂想國度"的無私分享哦!




    0 留言:

    張貼留言