發表文章

目前顯示的是 2月, 2015的文章

FeedBurner 供稿 RSS Feed 加入 FeedFlare 社群分享按鈕

圖片
FeedBurner 的 Feed 優化頁籤中有一個 FeedFlare 功能,透過 FeedFlare 能在資料源 RSS 的每一個頁腳,加入社群分享連結按鈕,方便文章經由訂閱者的分享而互動至網路相關社群。 FeedFlare 功能裡建有 Email、Facebook 等官方分享按鈕,不過預設中卻少了同樣在分享文章時也很頻繁的 Google+ 及 Twitter。所以,下面的設置中,我們可以透網路上的 Flare 資源幫 RSS 供稿再改造。 運用 FeedBurner 的 Feed 優化功能 FeedFlare ,幫網站的 FeedBurner RSS 供稿 製作 Twitter、Google+ 及多項分享源的 AddThis 社群 分享按鈕 服務,讓訂閱者能方便做文章分享的動作。 FeedFlare 設置後的頁腳狀態,觀察後發現目前運作時似乎主要是以 Email 訂閱者為導向,因為在常用的 feedly 閱讀器上,是看不到加裝在資源頁腳的分享連結的。 不過 feedly 的頁面上預設就有各式分享按鈕可以使用,所以 FeedFlare 的功能剛好就補足了 Email 訂閱者缺少的那一塊。 實際顯示效果 技研可樂 RSS 供稿源,文章和文章中間顯示 「 http://feeds.feedburner.com/techcoke 」 設置流程 開啟 FeedFlare 功能 加入 Google+、Twitter 及 AddThis 分享按鈕資源 拖動排列分享按鈕位置 設置教學 Step 1 開啟 FeedFlare 功能 前往 FeedBurner 後台,找到 Optimize \ FeedFlare 網頁拉至最下方,點取【Activate】 這裡可以看到有 feed 及 site 兩種分享方式,且預設分享按鈕中沒有 Google+及 Twitter Step 2 加入 Google+、Twitter 及 Addthis 分享按鈕資源 接著,我們依序加入下方的資源至「Personal FeedFlare」下的輸入框中,並按下右側的【Add New Flare ↑】 「Google+ 」 http://hosting.gmo

[開箱] 保卜的邊走邊彈吉他樂譜書

圖片
時而把吉他當作鼓來敲擊,把低音弦當作 Bass 來彈,將吉他當作鋼琴來演奏,甚而利用巧妙的節奏與指法,將一把吉他製造出二、三把吉他的效果,這就是「 FingerStyle 」的魅力與吸引人的地方。 關注 保卜 這位 FingerStyle 吉他演奏家 ( 吉他手 ) 已有一段時間,他在演奏慢歌時可以感覺樂音在呼吸,彷彿吉他因他而有了生命,右手在琴弦上快節拍的舞弄時,腦海中則浮現一個樂團在表演的景緻,這是幻覺嗎?不!這就是保卜。 從 保卜 的第一張專輯『我愛台坂』發行,等待 保卜 的 吉他 樂譜 ( 邊走邊彈 ) 已經將近一年半了,真是好物多磨 ( 等了非常久了揑,已經 ... ),真的是好事多磨,在 開箱 後也能明白 樂譜書 製作瑣時的原因。 由於保卜在演奏技法上有很多自創的手法 ( 看過他現場表演的朋友應該能明白 ... XD ),想必於製作樂譜時在定義及校訂技法的符號上,可能就花了相當一段時間。 另外,在譜內也有中、英文對照的演奏技巧說明,書內則附贈特殊記號在技法對應時的細部講解 DVD 教學光碟,在製作上可以說是相當用心。 微開箱 目錄上可以找到有結構條目的譜曲頁數 第三頁則有所有在譜中出現過的自創技法符號說明 這裡可以看到除了中文外也附上英文說明 在每首譜例開始學習前都會附上創作動機及攻略秘訣 每首譜例在上方都會標示調弦法、拍子與右手技法符號於彈奏時的使用方法 除了書中技法攻略,在 DVD 中保卜也會親自教學,在學習時可能會遇到的技巧問題及處理時在手法上的解決辦法 可以看到樂譜書內裝是用縫線裝訂的,非常特別 將書皮翻開,從另一個角度可以觀察到應該是手工製作的,辛苦了 :) 在正面和背面,可以看到這裡應該是保卜譜曲時親自寫下的創作痕跡 專輯 MV 【我愛台坂】專輯裡特別鍾愛這兩首 「尋人啟事」 「尋人啟事」收錄自【我愛台坂 I LOVE TAIBAN】- 保卜的邊走邊彈吉他樂譜書 。 Video by 幹細胞音樂 ganxibao 「我愛台坂」 「我愛台坂」收錄自【我愛台坂 I LOVE TAIBAN】- 保卜的邊走邊彈吉他樂譜書 。 Video by

[外掛] Chrome 擴充:Open SEO Stats 網站 SEO 工具

圖片
Open SEO Stats 為一款免費 Chrome 擴充外掛 的 SEO 工具 套件,使用時它會依據「SEO 統計、流量統計、站點資訊、網頁資訊、連結分析、網頁速度」幾個面相為目前瀏覽的網頁做「 SEO 」解析,方便設計人員調試校正網站的「搜尋引擎最佳化」工事。 Chrome 安裝完 Open SEO Stats 擴充後,在瀏覽器的工具列可以看到 Open SEO Stats 圖示,預設為「 PageRank 」讀取條,點擊它即可觀察目前瀏覽網頁的 SEO 相關統計資料。 擴充資訊 擴充名稱: Open SEO Stats 擴充性質:Chrome 免費 功能特性:方便地訪問 PageRank 及 Alexa 排名、地理 IP 位置、域名註冊、反向鏈接、索引狀態、頁面緩存、社群分享資料 需要權限: 讀取及變更您造訪過的網站上的所有資料 操作介紹 SEO 統計 在【SEO 統計】頁面,可以觀察目前瀏覽頁面的世界「排名」與主流搜尋引擎的「頁面收錄」量,「網頁緩存」則記載網站在網路上的第一筆和最新一筆文章頁面的存檔情形,「IP 地理定位資訊」顯示當前網站伺服器所在的位置。 流量統計 【流量統計】分頁內可以看到,主流排名網站為當前瀏覽網頁所做的排名。網站的世界排名在十萬以內,則可以看到統計的資料圖表。 站點資訊 從【站點資訊】的「站內技術」裡可以瀏覽當前網頁的 RSS "sitemap.xml" 資源與學習 "robots.txt" 配置技巧,"Builtwith" 與 "Sourcecode" 點擊後能查看當前站台使用的相關技術與資源 ( *對於學習很有幫助,相當推薦 )。 "網域資料" 與 "SNS 營銷" 則顯示當前網站的 DNS 伺服器位址與社群分享狀態。另外在「網站安全」的部分,"McAfee" 與 "諾頓網頁安全" 皆由系統掃描與瀏覽的訪客為當前網頁做安全評級,"WOT" 則完全由訪客自由意願為網站做評級動作,右方顯示綠色則為安全網頁。 網頁資訊 【網頁資訊】

[外掛] Chrome 擴充:Anything to QRcode 網頁 QR Code 產生器

圖片
Anything to QRcode 是一款 Chrome 擴充外掛 的網頁 QR Code 產生器 套件。能方便的在瀏覽的網頁中擷取網址、圖片、文字描述、鏈結並迅速生成 QR Code 圖片,在使用時也無需做過多的預前設置,相當直覺便利。 Anything to QRcode 擷取功能預藏在鼠標的右鍵與瀏覽器網址列,最方便的是生成的 QR Code 可在電腦中直接以  png 檔存儲,在寫文章補 APP 圖示時可以說是相當好用。 擴充資訊 擴充名稱: Anything to QRcode 擴充性質:Chrome 免費 功能特性:擷取網址、圖片、文字描述、鏈結並迅速生成 QRcode 圖片 附註特點:可於離線時使用、無廣告、QRcode 圖片可儲存至電腦中 需要權限: 讀取及變更您造訪過的網站上的所有資料 讀取您複製和貼上的資料 操作介紹 使用時點取網址列上的 Anything to QRcode 圖示,即可在當前網頁生成 QRcode 圖片,下方可以看到儲存鏈結 瀏覽的圖片上按右鍵可為圖片生成 QRcode 當然鏈結也是可以的 另外我們複制網頁內的一段文字,右鍵中也可選取 QRcode 來生成圖示 小結 一般在做移動版網站速度調試時,除了可利用  Google Page Speed  來測試網站在移動裝置上的速度表現及改進值外,實際的速度體驗也可搭配這類的 QRcode 擴充配合智慧型裝置來使用。

[開箱] Kingston microSDHC/UHS-I 32GB (Class10) 速度測試

圖片
這次 開箱 測試使用的 Kingston MicroSDHC/UHS-I Class 10 卡 ( 讀/寫 45/15 MB/s ) 32G 附 SD 轉卡,主要看重它的終身保固及 FAT32 格式的通用性,支援大部份電腦系統、手機、相機使用。 購入的時間點為 14 年的 6 月,相對現下 ( 讀/寫 48/15 MB/s ) 32G 的同品項記憶卡單片約已下降一百元左右,可以說是越來越容易入手。 當時購買是因為初次使用 SSD 硬碟,而電腦中「我的文件」習慣上是全放入 OneDrive 中的,由於擔心 SSD 在讀寫後會有使用壽命上的問題,所以靈感來的當下就起了這篇 ( Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久 ) 的試驗文。 實踐測試時,挪用手機上原在使用的 1G 記憶卡,在試驗成功後就購入此記憶卡,由於是二入包裝,當然手機上的 T-Flash 也就補足了 32G 的使用容量。 雖然在資料讀寫的部份與 SSD 差了十倍左右,但平常使用時大多都用於單檔的擷圖照片與傳輸音樂檔,體感速度差別不太大,持續使用半年的情況下目前還依然穩固,本篇的測試圖片也是當時的擷取圖片,這裡就一併整理記錄下來了。 實測時以 SSD 軟體做測試,分別以 CrystalDiskMark、ATTO Disk Benchmark 進行測速,另外在 iops 的部份也可以從 HD Tune Pro AS 及 AS SSD Benchmark 的數據上得知。 測試平台 處理器:Intel Core i5-2520M 2.5GHz 主機板晶片:Intel QM67 顯示卡:Intel HD3000 記憶體:Kingston 16GB DDR3 1333 ( KVR1333D3S9/8G X2 ) 系統硬碟:創見 340系列 128GB SATAIII SSD ( TS128GSSD340 ) 受測記憶卡:Kingston microSDHC/UHS-I 32GB ( Class10 ) 作業系統:Windows 7 專業版 64bit 速度測試 CrystalDiskMark 這裡可以看到混合讀寫的部份為 43/16 MB/s 0Fill 純資料在讀寫上

Blogger 搜尋頁面加入分類標籤

圖片
依據前篇的「 Blogger 標籤頁面加入分類小標籤 」 再觀察「 Blogger 文章標題及網誌名稱 SEO 優化 」可以發現,Blogger 的所有頁面結構去除掉「首頁、文章頁、404 錯誤頁」後,能放入標籤應用的頁面有「標籤頁、搜索頁、靜態頁 ( 或 特定靜態頁  )、網誌存檔頁面」。 本文就依「 搜索頁面 」的配置做詳細說明,另外文末也可經由「靜態頁面」及「網誌存檔頁面」的判斷標記代碼,將「標籤 <b:widget> 」在頁面應用上做完整的補全動作。 主文「STEP 1 ~ 6」的部份,在做法上是應用 Blogger 「 searchQuery 判斷標記」及「小工具中的:標籤」為搜索查詢頁面製作出分類,進而製造出有結構式效果的 分類 品項頁面,讓訪客在進入 搜尋頁面 後,能在該頁面找到所有的小類別 標籤 。 下圖為完成「STEP 1 ~ 6」的 Blogger 原生搜尋頁面「分類標籤」效果。 若在「 Google 自訂搜尋結果嵌入 Blogger 網站 」有設置過特定靜態網址頁面,在「STEP 7」中我們也可以利用「Url 判斷標記」及「小工具中的-標籤」,為搜尋頁面製作出同樣的小項目分類效果。 下圖為完成「STEP 7」的 Blogger 特定靜態頁面「分類標籤」效果。訪客在站內進行搜索動作後,搜索頁面顯示主分類標籤下的所有分類,且只在「搜索查詢」頁面出現。 相關連結 以下範例,為執行「STEP 1 ~ 6」後的設置成果。(* 原生搜尋結果頁。) 範例 DEMO 頁面|電腦版網頁:「 電腦版 」 範例 DEMO 頁面|行動版網頁:「 行動版 」 以下範例,為直接執行「STEP 7」後的設置成果。(* 特定靜態網址,搜尋結果頁。) 範例 DEMO 頁面|電腦版網頁:「 電腦版 」 範例 DEMO 頁面|行動版網頁:「 行動版 」 設置流程 觀察需要在搜尋頁面放入標籤的位置 找查需要置入程式代碼的 HTML 區段 加入搜尋頁面標籤專用「b:section 標記」 新增一個標籤小工具 使用 searchQuery 判斷標記包住標籤小工具 行動版網頁顯示「搜尋頁面分類標籤」 自定義搜尋頁「Url 判斷標記」標籤 b:widget 應用 靜態頁面 ( 固

繼續閱讀: