靖.技場

Jinn's Tech Blog


[Blogger] Shareaholic 社群網站分享按鈕教學,支援浮動式按鈕

Posted: 16 Jun 2014 07:00 PM PDT

一般若提到社群網站的分享按鈕,有在使用的人可能會先聯想到「Addthis」,的確,它是個很不錯的服務,但由於介紹Addthis的人比較多,所以決定先介紹另外一個我覺得也很讚的「Shareaholic」。像Addthis和Shareaholic這種服務,支援基本的Facebook、Google+、EMail等必備社群都是沒問題的,但對台灣的用戶來說,有個好處是它們都支援「Plurk」,這也是我覺得比其他同類的分享按鈕服務強的地方,雖然還有其他特色可以比較,但我覺得不用自行修改語法可以支援我想要分享的社群網站,那不是更好嗎?

網址:Shareaholic會員註冊

【註冊】

在使用Shareaholic時,建議還是先「註冊」,因為即時剛開始沒註冊的話,最後要取得使用語法時,仍然是需要註冊的

在上一步「Create Your Account」後,請先到信箱中去驗證EMail,註冊算是很簡單的

回到網頁後,我的習慣是會先更改時區,因為怕影響之後的分享分析:請點擊右上角的齒輪狀「設定」鈕,然後在「TIME ZONE」中選擇「GMT+08:00 Taipei

【使用教學】

1. 建立網站

先點擊「Site Tools」→「Add Website」來建立自己的網站資料

  • DOMAIN:輸入你的網站網域
  • NAME:網誌名稱
  • PLATFORM:選擇網誌/網站的所在平台
  • CONTENT CATEGORY: 網誌/網站的分類
  • CONTENT LANGUAGE:網誌/網站所用的語言

2. 編輯預設的「浮動式」分享按鈕

在預設的情況下,你會看到Shareaholic已經幫我們建立了一個「Floated Share Buttons」,這種樣式的按鈕就是在瀏覽器側邊的浮動式按鈕,在此建議我們可以先編輯一下它的預設設定

由下圖就可以看的很清楚了,我們可以調整按鈕的大小、是否要顯示計數、如何對齊,是否要顯示「更多」的按鈕,而每當你做變更時,在預覽區會自動即時的更新,讓你看到最新的預覽狀況,另外,在網頁下方也可以加入其他網站(我沒擷圖下來),各位可自每加入想要的社群網站

儲存剛剛的設定後,回到主頁面,把啟動按切換到綠色的狀態,然後點擊「Get Setup Code」來取得程式碼

把下圖中的程式碼,放到「</head>」之前,這樣預設的浮動式分享按鈕就搞定囉

這裡的程式碼,我稱為「主要的程式碼」,不管你要用哪一種樣式的分享按鈕,這個程式碼都是要用到的,另外,如果你把「Floated Share Buttons」右邊的狀態設成紅色,那麼即便你有安裝程式碼也不會顯示的

3. 自訂分享按鈕

除了上面所提到浮動式分享按鈕外,Shareaholic也支援自訂按鈕樣式的功能:請由「LOCATION」選擇「Share Buttons

輸入識別用的名稱、選擇樣式、標題樣式、位置、重直/水平、按鈕大小、是否顯示計數、對齊等,其實和上面的浮動式差不多,只是自訂的選項變多了,同樣地,我們都可以在預覽區首到即時的變動結果,不喜歡某個社群網站的話,只要把滑鼠移到圖示上,就會出現叉叉的圖樣,點擊叉叉就可以移除了,另外,你也可以用拖拉的方式來調整這些圖示的位置,設定好之後,請記得點擊「Save Settings」儲存

之後回到主頁畫面,就可以取得剛剛新增好的按鈕語法
註:在安裝好程式碼後,你可以用「Verify Site」來驗證程式碼是否有問題,不過就算失敗也沒關係,只要你在你的網站上能看到按鈕有出現就行了

把這個語法放到你想要呈現的地方就行了,一般會放在文章頭或文章尾,隨你喜好

請注意:要使用這個自訂的樣式,也要安裝在「2. 編輯預設的「浮動式」分享按鈕」一節中所提到的「主要的程式碼」喔,而下圖就是同時啟用浮動式的側邊按鈕以及文章底部按鈕的實際樣子

小結:本文只介紹該如何使用Shareaholic社群網站分享按鈕,其他功能如果有空的話我再補上,整體來說,Shareaholic還算好用,我在使用的過程中並沒有出現什麼特別的錯誤,都是一次就成功了,如果你也需要這類的按鈕,那麼推薦你試試這款Shareaholic。

延伸閱讀:
[Blogger] 如何在文章側邊加入浮動式的社群網站分享按鈕
[Blogger] 在網頁側邊加入浮動式Facebook粉絲團外掛Widget,三分鐘搞定

您可能也喜歡:

[Blogger] 如何在文章側邊加入浮動式的社群網站分享按鈕

BloggerStyles 高質量的Blogger Templates收集站

[Update] 5款適用Blogger平台的Revolution Templates

[SEO優化] 自訂Blogger的文章網址

[教學] 如何在Blogger/Blogspot中自訂網域,含GoDaddy CNAME設定
无觅

SurDoc § 10G免費雲端硬碟試用心得,免等秒即可下載

Posted: 16 Jun 2014 06:30 AM PDT

SurDoc」是最近常在關注、試用的一個雲端硬碟服務,總公司位於美國矽谷,但應該是華人所創建的公司,目前註冊後可以擁有100G免費大空間,但是90G的容量只有一年的期限,換句話說,基本的永久免費容量是10G,另外,可利用其他擴充的方式來增加空間,例如只要成功邀請一位朋友註冊就可以獲得10G空間,最多可以得到1TB空間,但這些都是有使用期限的,所以如果你要的是特別大的空間,那麼這個雲端硬碟可能就不太適合你,不過它有一點是我蠻喜歡的,即當我們分享檔案時,下載者不需要等待秒數就可以直接下載,而且完全沒有廣告,這是一個相當不錯的優點,雖然它還沒有我喜歡的檔案下載次數的計數功能。

網址:SurDoc 雲端硬碟 (可用此連結註冊)

【註冊】

SurDoc有支援簡中介面,所以只要按照提示來輸入「註冊」資料就行了,這裡有一個選擇數據中心,可以選擇美國或中國,我個人是怕中國有什麼封鎖的現象發生,所以我是選擇美國

之後會跳出提醒訊息,提醒我們可以下載桌面端同步軟體,而且要在24小時內進行EMail的認證,如果沒有認證的話,有些功能會不能使用

再來我們要設定一個安全問題,有點像是QQ一樣,防止別人盜用帳號

經過上面的步驟,接著到信箱中點擊認證的網址就搞定囉

【介面說明】

SurDoc預設會幫我們建立三個資料夾,這三個資料夾我們可以自行修改,而上方則有「獲得1TB的免費空間」連結,但再提醒一下,這個額外獲得的空間是有期限制,但到期之後,是不是可以再獲得,這就要看當時候的情況了

在示範如何增加空間前,可以先點擊介面的右下角的「儲存空間使用率」來查看空間的使用情況,由下圖可以看出,雖然我的空間有100G,但是其中有90G是有期限的,永久空間只有10G

回過來頭看一下如何取得1TB的空間:取得空間的方法有以下幾種,例如邀請好友、幫SurDoc按讚或者分享文件等

以邀請朋友為例,我們可以輸入對方的信箱,再點擊右下角的「發送」即可,而左邊則是說明了這額外空間的注意事項,自己的看一下,不過我覺得看英文版會比較清楚一點
註:邀請者、被邀請者可以各得10G

而被邀請者,當點擊了邀請連結後,就可以看到下面的註冊畫面,是由110GB起跳,當然,永久免費的部分還是10G

在經過了一些簡單的邀請、按讚之後,再回到儲存空間使用率來觀看,可以看到空間的確有增加,但都是有期限的,不過對我來說還好,我要的只是能分享檔案、空間隱定

最後再回到介面來看,要上傳檔案、分享、下載等,都可以由下圖中看出來,請自行參考,若檔案是文件,則可預線上預覽、修改,不過中文編輯的支援程度還不夠好

小結:以上就是我試用的心得,優點在開頭的時候我大概有提到了,文末就來說一些缺點吧,在我測試的過程中,有發現一個問題,每次用瀏覽器上傳檔案到快結束的時候就會停一下,似乎是在做安全描掃?不知道用同步軟體上傳的會不會有這個現象(我沒試用),這一點供給想要試用的人參考一下,希望以後這一點可以克服,不然我覺得時間上有一點久,而且若該檔案還沒上傳完成,其他的檔案就要它上傳才能繼續上傳,這一點是最困擾我的地方,否則我還蠻喜歡他可以直接下載檔案、免等秒的功能呢。

延伸閱讀:SFShare § 50G免費雲端硬碟,支援檔案下載計數功能

您可能也喜歡:

SFShare § 50G免費雲端硬碟,支援檔案下載計數功能

錸德RiDATA MicroSDHC 16G Class10 不負責之測試數據

金山快盤 § 免費雲空間100G大方送,永久有效

[Android Top10] CNET 2011年最佳Android應用程式前10名名單

Windows平台上最佳10大免費軟體
无觅
You are subscribed to email updates from 靖.技場
To stop receiving these emails, you may unsubscribe now.
Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610
文章標籤
全站熱搜
創作者介紹
創作者 aniki 的頭像
aniki

2013棒球資訊站

aniki 發表在 痞客邦 留言(0) 人氣(3)