【教學文】讓 Blogger / 痞客邦 支援 Mac OS Safari 的 notification

早兩天寫了一篇讓 WordPress 支援 MacOS notification 的方法。
不過不是所有人都使用 WordPress，還有很多朋友用 Blogger / 痞客邦等。
所以也簡單寫一篇教學文講解如何令 Blogger 支援 Notification.

Blogger

首先到 Roost 網站申請帳戶 – https://go.goroost.com/invite/265390 ( 經這條 Link 申請企企和申請人都可以得到額外 100,000 push 限額 )

之後登入 Roost，到 Settings > Roost JavaScript
就會見到有一句你專用的 Javascript，大約是

<script src='//cdn.goroost.com/roostjs/YOUR NUMBER' async></script>

複製這句到 Blogger.

大家到自己 Blogger 的 Template，尋找 </head>
在 </head> 前面貼上 Roost 的 JavaScript
不過由於 Blogger 不支援 async 直接在 script 上，所以要修改一下，變成

<script async='async' src='//cdn.goroost.com/roostjs/YOUR NUMBER'></script>

之後 Save template 就完成了。

大家可以用 Mac 機看一看成功了沒有。

痞客邦

至於痞客邦也大同小異，一樣需要開設 Roost 的帳戶 – https://go.goroost.com/invite/265390。

開設後登入 Roost，到 Settings > Roost JavaScript
複制那一句 JavaScript 後。
登入到痞客邦的後台，選擇 部落格 > 側邊欄位設定 > 新增版位

之後到貼上 Roost 的 JavaScript code.

將 Roost 的 JavaScript code 拖到第一或第二欄位。

應該可以成功運行了。