2016年3月20日 星期日

[ Plugin ] 如何在 Blogger 上安裝 Ziltag 樂貼

簡介

標註影像
更豐富的資訊互動從此開始。




官方宣傳

圖片能不能附帶更多資訊?  
樂貼 Ziltag 不但滿足了你的需求,更可以在你自己的網站上隨時使用!



如何在 Blogger 上安裝

因為 Ziltag 官方網站上目前只有提供以 tumblr 如何安裝外掛的方法


所以,以下我將如法炮製,示範如何在 Blogger 上安裝 Ziltag 


1.  申請 Ziltag 帳號,Ziltag 官網傳送門

2.  在使用者帳戶內的 Settings 裡,你可以選擇這個 Ziltag 連結的網域

點入 Settings 


























選擇你的網域使用 Ziltag 服務











3. 複製 Plugin script 內的 javascript 碼









4. 進入 Blogger 的後台,到您使用的範本去編輯 html












5. 依據官網在 tumblr 上的安裝推薦,我們要將剛剛複製的 javascript 碼,
   貼在這個標籤 </body> 之前

點選範本的 html 任意位置,Ctrl+F "/body" 編輯游標即會跳至 </body>

如附圖,即在 1951 行的之前一行,插入你在 Ziltag 複製的 script 後
儲存範本,即可開始使用 Ziltag。

















使用概況

以下影片錄製是用 Microsoft 提供的 Snip 完成

開始使用 Ziltag

1. 滑鼠游標滑到 Blogger 的任一張圖片上,點選右上角浮現出的紅底白字 Z 圈圈


2. 標註任一處,並留下 comment


3. 開始享受 Ziltag

























注意!

此篇以前的 PO 文中的部分圖片,Ziltag 無法使用
那是因為 Ziltag 為了確保使用者體驗,有設定圖片大小的門檻
詳細數值我並不清楚,只確定在 Blogger 上
當圖片大小大於等於  height="246" * width="320" 就可以讓 Ziltag 服務正常使用

沒有留言:

張貼留言