追蹤
Ressol's Blog - 舊站
關於部落格
您好,這個網誌已不再更新,僅同步張貼來自新站的文章。
若要閱讀新文章,請您前往 這裡
  • 68232

    累積人氣

  • 0

    今日人氣

    0

    追蹤人氣

【教學】為 Blogger 加上書籤





由於 BSP 系統的特性,在 Google Blogger 的範本 (Template) 上寫 JavaScript 是件非常痛苦的事,花了點時間弄出這個小東西,在這裡跟大家分享一下作法,希望對有同樣需求的朋友能減少一些時間的浪費與摸索。


特色如下:
  • 安裝只要兩個步驟。
  • 簡化 Blogger 範本的修改範圍,增加日後擴充、修改的容易性。
  • 支援選取(反白)即(書籤)摘要。
  • 按鈕內容動態提示。
  • 支援 HemiDemi、MyShare、Baidu、Google..等 12 個書籤網站。

原理:
其實很簡單,主要是修改 Google Blogger 的範本,增加一個空白的位置 (div 或 table 或 span 皆可),再利用 jQuery 這個 JavaScript 套件以及書籤語法,於頁面載入後即時生成對應的內容。

一、修改範本
  1. 進入 Blogger 的管理介面,編輯範本 HTML,並勾選 展開小裝置範本
  2. 尋找 <p class='post-footer-line post-footer-line-2'/>
  3. 換成這個 檔案(檔案一) 的內容

二、加入 HTML/JavaScript 程式
  1. 新增 (或修改現有的) HTML/JavaScript 網頁元素
  2. 加入這個 檔案(檔案二) 的內容

三、重新整理畫面、測試


注意事項:
  1. 只適用於 Blogger 新的網頁範本格式 (xml)
  2. 因各樣版的差異性,若找不到 <p class='post-footer-line post-footer-line-2'/> ,可試著找 <p class='post-footer-line post-footer-line-3'/> 或適合位置修改內容
  3. 檔案二內直接讀取 jquery.com 網站上的程式,建議將 jquery 最新版 抓下來存放於自己的網路空間,避免每次開網頁都連回 jquery.com。
  4. 若您己有使用阿土伯的 Blogger_ext2 或 jquery, 則可刪去重覆的 jquery 引用。

需要使用的朋友請自行取用,您寶貴的意見的留言,會是對我惰性的最大鼓勵與支持 ^_^


後記:原來,在 Blogger 上要貼程式碼是如此的困難,有人可以提供好建議嗎 @.@
相簿設定
標籤設定
相簿狀態