Tool Pages

透過Email通知傳送Blogger文章給朋友

Blogger的內建模組有分享鍵(Share-buttons), 可以將本篇文章寄給朋友. 也有單一的電子郵件分享鈕有同樣功能. 所謂的Email並不是真的要你登錄電子郵件伺服器; 而是透過Blogger達到寄發的目的. 這跟Facebook Email的設計類似, 但無需以Admin ID的身分登入後才能寄發, 更加方便訪客轉寄.
其次, 你是否對Blogger小小的電子郵件傳送按鈕很失望 (像這麼小  )? 做一個專屬的Email icon,吸引您的網站訪客的目光, 讓好心的訪客主動幫您轉發文章.

假設您只是要改變Email 圖示, 只需要先準備一個小圖示, 上傳到相簿或網路空間取得圖片網址. 編輯模版CSS/HTML (Template), 展開模組裝置. "Ctrl+F" 找到 email post links; 或是 icon-action.


將 img src 後面的網址更換並更改尺寸. 如果你想修改分享鍵裡面的Email圖示, 那是關聯 Blog this, Twitter, Facebook share 整組的圖形, 修改起來很麻煩, 我很懶! 請勿詢問如何改整組的程式碼.

這個電子郵件轉送鈕僅限傳送單篇文章, 它是依據Blog ID + Post ID呼叫連結, 不能傳送首頁且只能顯示在原來的文末位置. 假使想轉發首頁, 須指定 Blog ID 把轉發按鈕放到 Html/JavaScript 模組裡. 在編輯模式中查看瀏覽器網址欄, 可以找到 " blogID "後面的數字, 放到以下語法內即可.


<a href="http://www.blogger.com/email-post.g?blogID=Your Blog ID" title="Email This">
<img src="Your Email-icon Url" height="25" width="32"/>
</a>


又如果您不想把Email傳送鈕放在原來位置, 要另找個風水寶地, Highlight這個按鈕. 而且還很盧的想要轉發單篇的不同文章. 這時就不能將語法安插在Html/JavaScript模組裡. 先取消勾選電子郵件傳送的選項 (Layout-Post-edit), 在 <body> 間找到適當的位置, 插入以下程式碼.


<a expr:href='&quot;http://www.blogger.com/email-post.g?blogID=Your Blog ID&amp;postID=&quot; + data:post.id' expr:title='data:top.emailPostMsg'>
<img src="Your Email-icon Url" height="25" width="32"/>
</a>


一切安排妥當後就可以閒聊了.
"Blogger Email Post to a Friend" 這個功能真的很方便, 但因為可以任意填寫彼此的電子信箱, 不知道會不會被歸類在垃圾郵件裡?! 而且它的防止機器人自動轉發的驗證碼連真人都很難分辨. 看看以下例子, 恕老朽眼拙愚昧, 這張圖還真是迷離難辨.


好吧! 看不懂繼續換下一張圖, 再下一張 ↻ 。。。
那麼試試聽音辨識好了, 這根本是外星人的世界! 按圖聽聽看.

Dreams come true