2014年6月29日

Blog Plugins:部落格外掛大全整理,什麼都有、什麼都不奇怪


 
先前整理了許許多多的部落格外掛,
包含熱門、相關文章推薦輪播,社群網站外掛,部落格廣告賺錢和特效等,
現在把他整理成一篇外掛大全供大家參考,
日後有更新的外掛也會持續在這裡更新連結。


社群網站外掛:
  1. 為Blogger嵌入Facebook讚(like)、寄送分享(send)與留言(comment)外掛及留言管理功能
  2. 為Blogger嵌入Google Plus(Google+) +1按鈕
  3. Shareaholic 超美超完整社群網站分享按鈕教學(含浮動式按鈕)
  4. 為Blogger嵌入Facebook建議(Recommendations)和最新動態(Activity Feed)外掛,推薦輪播熱門文章與互動 (已移除)
  5. Facebook Insights:精準行銷掌握Social Plugins(讚、留言、分享)統計資料與擴散狀態

熱門、相關文章推薦輪播:
  1. Blogger 相關文章V2__安裝懶人包@ WFU BLOG
  2. 為Blogger加入Facebook建議(Recommendations)和最新動態(Activity Feed)外掛,推薦輪播熱門文章與互動  (已移除)
  3. SimpleReach:為網站推薦熱門文章、增加曝光率的外掛  (已移除)
  4. LinkWithin:用縮圖推薦相關文章、增加曝光率的外掛  (已移除)

    部落格留言版外掛:

    部落格廣告賺錢術:
    1. 部落格廣告賺錢術(一):Google Adsense、BloggerAds、BlogAD 收益比較
    2. 部落格廣告賺錢術(二):博客來AP策略聯盟、Yahoo!奇摩購物中心大聯盟計畫平台、PChome商店街分紅網
    3. 博客來AP策略聯盟商品推薦連結自動轉換工具

    部落格 SEO 最佳化、增加流量、內容保護:(相關文章的外掛也能增加流量)

    部落格顯示特效:

    關鍵字:blog, plugin, 部落格, 外掛, 賺錢, 社群, 特效, 整理, 推薦, SEO, 流量, 留言

      Shareaholic 超美超完整社群網站分享按鈕教學(含浮動式按鈕)


       
      寫部落格已經很久了,每隔一陣子就會想幫部落格換上不同的功能外掛,
      而每用一個我都會將使用方法與心得寫下來,統一放在這篇文章中:
      Blog Plugins:部落格外掛大全整理,什麼都有、什麼都不奇怪
      大家若是好奇這個部落格的外掛功能哪來的,
      或是覺得哪個外掛非常新奇好用也想安裝,可以去那邊挖寶 :p

      今天要介紹的是 Shareaholic 這個社群網站分享按鈕,
      會知道這家是因為在幾個網站上看到覺得很漂亮,先來個預覽圖吧 ^^

      這年頭社群網站的力量很大,在文章前後順手放個分享按鈕就能增加不少流量,
      先前在自己部落格上放的是自己手動加上去的 Facebook 及 Google+按鈕,
      因為得要分開安裝,所以在調整大小時花了好一番功夫才讓風格比較一致,如下圖!
      如果覺得這樣長得也不錯,可以參考先前的教學安裝文:

      總而言之大概是版面太久沒調整想要換換口味,加上 Shareaholic 實在太漂亮了,
      這次研究了一下怎麼在 Blogger 安裝,依往例一樣寫成詳細的教學,
      所以接下來就要來教大家怎麼把 Shareaholic 裝在部落格上囉!

      步驟一:進入 Shareaholic 網站,先點右上角的 SIGN UP FREE!
      這是因為即使先調整了外掛按鈕的長相,要拿程式碼之前還是要有帳號,
      不如第一步就先把帳號註冊好囉!

      填寫信箱及密碼註冊新帳號:

      註冊後至email收信點啟用連結即可:

      (我在這步卡了一兩天都沒收到信,不管怎麼重寄都收不到,兩天後才正常)
      如果像我一樣沒收到信的,可以在帳號設定這邊重寄認證信、重設信箱,
      順帶一提,調整時區也在這邊,若會用到人數統計資料的建議先修改。

      步驟二:Site Tools (網站工具),點下 Add Website 來新增網站。

      填入網站相關資料,按下 Continue:
      DOMAIN:輸入網站所在的網域
      NAME:網站名稱
      PLATFORM:網站所在平台 (Blogger, WordPress……)
      CONTENT CATEGORY:網站類別
      CONTENT LANGUAGE:網站內容使用的語言

      步驟三:挑選及建立所要的外掛(APPS)類型,預設已建立兩種:
      • Floated Share Buttons:浮動在左測的分享按鈕,最近也蠻常見的,可依需求使用
      • Cookie Consent Banner:國外有規定要讓使用者知道網站有使用Cookie,這個用不到

      Floated Share Buttons 圖例:

      但預設的兩者都不是我想要的,按下 Add App Location -> Share Buttons:

      自行調整各項設定,名稱可以註明網站及位置,以後比較好辨識,
      調整完各項參數後都可以在即時預覽區看到結果,大家就自行調整吧~

      調整完滿意顯示效果後就按下 Save Settings 即可。

      步驟四:安裝程式碼,這邊要安裝的有兩個,分別是 Setup Code按鈕的程式碼
      類似的概念在先前的文章已有詳細做過,可參考:
      為Blogger嵌入Facebook讚(like)、寄送分享(send)與留言(comment)外掛及留言管理功能
      其中不管是讚、分享還是留言板,都需要事先安裝 Setup Code,
      然後再於版面正確的地方插入讚、分享、留言板各自的程式碼。

      Shareaholic 的概念也是一樣,若要使用剛剛設定好的分享按鈕,
      必須先安裝一份 Setup Code,而分享按鈕會需要額外在適當版面插入程式碼。
      (預設的浮動側邊欄已包含在 Setup Code 中了,就只需要安裝 Setup Code 即可)

      安裝 Setup Code:
      按下上圖的 Get Setup Code 後會跳出以下視窗,將程式碼複製到範本中的 head tag 結尾前。

      至 Blogger 管理介面,選擇範本 -> 編輯 HTML:

      按 ctrl+f 找到 </head>,在這個 tag 之前插入整段 Setup Code

      安裝按鈕程式碼:
      點選分享按鈕的程式碼,

      複製這段語法,插入任何想要插入的地方:

      如果要插入文章標題後
      請在範本的地方按 ctrl+f 繼續搜尋 <b:includable id='post' var='post'>
      找到適當位置後插入第二段 code。(因還會有下圖中藍色部份:文章標題等)。
      我是在平常自己登入Blogger時標題底下會出現鉛筆符號可編輯的地方插入這段。

      完成後效果如下:

      編輯範本的好處是自由性很高,可以讓按鈕在任何地方出現,
      如果不想使用插入在範本中的方式,也可以透過版面配置 -> 新增小工具

      選擇「HTML/Javascript」

      填入標題(可留空),並在下方內容處放入分享按鈕的程式碼:

      完成後將按鈕拖拉到版面適當的地方並儲存版面配置:

      顯示效果如下:

      再舉一例,將 HTML/Javascript 區塊拉到文章結束後,並把區塊的標題拿掉:

      效果如下:

      甚至我們也可以將分享按鈕的程式碼直接插入在文章之中!

      效果如下:

      以上就是 Shareaholic 超完整的分享按鈕安裝教學啦,
      如果喜歡 Shareaholic 漂亮又完整的分享按鈕們,一定不要錯過囉~

      更多本部落格所使用的外掛們,請見:
      Blog Plugins:部落格外掛大全整理,什麼都有、什麼都不奇怪

      本文出自符碼記憶,請勿全文轉載,部份轉載請註明出處
      關鍵字:Blogger, Shareaholic, 社群網站, 分享按鈕, 教學, 浮動式, 左側, 右側, 套件, 外掛, socail, plugin, buttons, share
      參考資料:

      2014年6月28日

      如何移除 Gmail 寄外部信時 on behalf of 問題


       
      前一篇已經教大家 如何使用Gmail收發外部電子信箱郵件教學
      但我們在步驟六時留下了小小的伏筆,也就是這篇要說明的主題啦!

      更多 Email 相關文章請見:Email 高效率技巧、各式隱藏密技大全

      圖片來源:http://gigaom.com/2013/05/23/big-data-at-work-12-stories-about-reinvention/

      這邊先省略重複的步驟,請大家先到前一篇看到步驟六,
      如何使用Gmail收發外部電子信箱郵件教學

      如果要收發信的是另一個 Gmail 預設就會「透過Gmail傳送」,所以不會有選單!
      但若信箱不是 Gmail 就會出現這步,在前一篇我們是選擇「透過 Gmail 傳送」,
      之後可以正常傳送及收信,但有時會發現,如果收信人用特殊軟體或網站收信,
      就可以看得到我們原本的信箱!例如像這張圖:
      圖片來源:http://googlesystem.blogspot.tw/2009/07/remove-on-behalf-of-from-messages-sent.html

      前一篇的設定,假設情境如下:
      使用 AAA@gmail.com 的信箱,設定後可以幫 BBB@ewdna.com 發信,
      但如果收件者使用 outlook 之類的收信軟體,他不止會看到的 BBB@ewdna.com,
      還會連同我本來的 AAA@gmail.com 帳號也一起看到!結果就如下圖:

      通常常看到的字眼都是:
      寄件者: AAA@gmail.com 代表 BBB@ewdna.com
      From: AAA@gmail.com On Behalf Of BBB@ewdna.com

      如果單純想要寄信不care這件事的話其實沒什麼關係,
      但若是像我一樣就是要把自己本來使用的 gmail 帳號藏起來,那麼請跟我回到步驟六

      步驟六:現在我們要選透過 SMTP 伺服器傳送。
      以我們在前一篇的資料,ZOHO 的发送服务器: smtp.zoho.com, 端口: 465, SSL
      * 這邊記得一定要更改為 smtp.zoho.com,不可以使用預設的 smtp.ewdna.com
      * 如果要新增的是另一個 Gmail 預設就會「透過Gmail傳送」,所以不會有選單!

      接下來的驗證步驟就和前一篇一樣了,此時我們再重新寄信。
      寄件者的地方就只會有一個囉,不會再顯示出原本的 gmail 信箱了!
      這就是小小的步驟六驗證造成的差別啦,大家可以自行挑適用的 ^^

      然後最後再強調一次,如果是 Gmail 想要幫另一個 Gmail 寄信,
      預設就只會「透過Gmail傳送」所以不會有步驟六選單!
      也因此一定會出現原先的 Gmail 帳號,這點被全世界抱怨了好幾年 Google 還是不改,
      所以只能改棄了 orz

      關鍵字:Gmail,  on behalf of, 收發, 外部, 電子信箱, 郵件, POP, SMTP, 伺服器, 通訊埠
      參考資料:

      Email 高效率技巧、各式隱藏密技大全


       
      這篇整理了先前寫過所有關於 Email 的各式高交率技巧及隱藏密技,
      因為散亂在各處不好找,所以就將這些文章統整起來放在一起囉!


      Gmail 相關技巧:

      自訂網域 Email 相關:

      其他相關文章:


        設定 Gmail 罐頭回應教學,搭配篩選器自動回覆


         
        前一篇教大家使用 Gmail 自動休假回覆感覺非常方便好用:
        設定 Gmail 自動休假回覆教學,放假就不管事啦~
        但如果我們有不只一個訊息想自動回覆呢?
        有沒有辦法針對特定的人、主旨、內容回覆指定的訊息?
        這篇就要教大家設定 Gmail 罐頭訊息,並搭配篩選器來自動回覆啦 ^^

        更多 Email 相關文章請見:Email 高效率技巧、各式隱藏密技大全


        啟用罐頭回應功能:
        進入 Gmail -> 設定 -> 研究室,找到罐頭回應,點選「啟用」。

        新增罐頭回應:
        啟用罐頭回應後,在撰寫信件的地方點選右下角的更多選項,選擇罐頭回應->新增即可。

        插入/修改/刪除罐頭回應:
        一樣在寫信件時點選右下角的更多選項,選擇罐頭回應->插入/儲存/刪除即可。

        到上面為止我們已會建立/使用/修改/刪除罐頭回應,那麼要怎麼自動回覆呢?
        此時我們可以搭配 Gmail 強大的篩選器,將篩選出來的郵件自動以罐頭回應來回覆。

        建立篩選器並指定罐頭回應:
        進入 Gmail -> 設定 -> 篩選器,拉到最下方選擇「建立新篩選器」

        建立篩選器時可以依自己需求填入要過濾的寄件人、收件人、主旨、關鍵字……等,
        若不確定是否能篩選出正確的郵件,也可以先用左下角的搜尋看看結果,
        如果設定條件都填完了,就可以按下右下角的「根據這個搜尋條件建立篩選器」。

        篩選出郵件後要自動套用什麼操作呢?這篇的例子當然就是套用罐頭回應啦~

        以上的例子中我們設定篩選器會挑出內容有「信用卡」這個關鍵字的信件,
        並自動回覆剛剛我們建立好的「各類功能信用卡推薦」這個罐頭訊息。

        回覆時 Gmail 帳號會自動變成 account+canned.response@gmail.com,
        這是 Gmail 特殊格式的帳號,先前也曾介紹過:Gmail 無限分身術:產生無限 email 帳號
        至於內文當然就是我們剛剛設定的罐頭回應囉!

        相較於 Gmail 自動休假回覆 只能在一段區間內自動回覆所有人/聯絡人,
        Gmail 罐頭回應配合篩選器的自動回覆可以做到更強大的效果!
        即使不搭配篩選器,建立罐頭回應也能省下每次打字的時間唷~

        本文出自符碼記憶,請勿全文轉載,部份轉載請註明出處 關鍵字:Gmail, 罐頭回應, 罐頭訊息, 教學, 設定, 篩選器, 自動回覆


          設定 Gmail 自動休假回覆教學,放假就不管事啦~


           
          大家應該或多或少都聽過 email 的自動回覆功能,
          但實際用過的人不知道是多是少呢?
          不管是不在辦公室無法處理信件,或是即將休假到沒網路的地方,
          透過 Gmail 的自動回覆(休假回覆)功能,
          就可以在收到信時自動通知寄件者您無法立即處理郵件囉!

          更多 Email 相關文章請見:Email 高效率技巧、各式隱藏密技大全


          開啟休假回覆功能
          1. 開啟 Gmail。
          2. 按一下右上角的齒輪。
          3. 選取 [設定]。
          4. 在 [一般設定] 分頁中,向下捲動至 [休假回覆] 部分。
          5. 選取 [開啟休假回覆]。
          6. 填寫日期範圍、郵件主旨和內文。
          7. 您可以限定休假回覆郵件的接收對象:
            * 如果您不希望讓所有寄件者知道您暫時無法處理郵件,請勾選 [只將回覆傳送給我 [通訊錄] 內的聯絡人] 方塊。
            * 如果您使用 Google Apps,系統也會顯示僅傳送回覆郵件給您網域中使用者的選項。如果您勾選這兩個方塊,則只有同時顯示在您通訊錄及網域中的使用者,才會收到自動回覆郵件。
          8. 按一下網頁底部的 [儲存變更]。

          關閉或編輯休假回覆功能
          開啟休假回覆功能後,Gmail 頂端會列出休假回覆主旨。
          按一下橫幅中的 [立即結束] 連結可關閉休假回覆功能,
          按一下 [外出度假回覆器設定] 則可編輯回覆。

          我的回覆郵件會在何時傳送?
          在開始日期的上午 12:00 至結束日期的下午 11:59,這段期間會自動回覆郵件。
          系統只會傳送一次休假回覆給來信寄件者。但如果過了四天,已收到自動回覆的寄件者再次來信且休假回覆仍在運作期間,則 Gmail 將再次發送休假回覆郵件。

          實際範例
          寄信給剛剛設定好自動回覆的 Gmail:主旨為「週末有空嗎?」
          一寄出來馬上就收到回覆:主旨為「週末放假中唷~ Re: 哈囉週末有空嗎?‏」
          內容為剛剛所設定的內文:「週末不收信,別吵~~」
          當然這只是個範例,如果真的是公司的休假回覆,這樣做應該放完假就被炒了 orz
          以上簡單示範供大家參考囉,更多細節可見 Google說明:設定自動休假回覆功能


          本文出自符碼記憶,請勿全文轉載,部份轉載請註明出處關鍵字:Gmail, 設定, 自動休假回覆, 功能, 通知, email, 電子郵件, 電子信箱, outlook, hotmail
          參考資料: