顯示具有 Blog相關 標籤的文章。 顯示所有文章
顯示具有 Blog相關 標籤的文章。 顯示所有文章

2010年9月23日 星期四

Blog優化三要素

第一印象往往是一個讀者會不會再來第二次的重要關鍵,假若對該Blog的第一印象不好,想必也就成了拒絕往來戶了,第一印象一般則取決於"網站速度、內容與版面設計"


 


網站速度


前言:


一般會受到Blog平台(如:Xuite、Blogger、無名小站、樂多日誌與痞客邦...等,不勝枚舉)網路的速度快慢而決定,所以較難掌控速度,,而有些則是自己架站,當然速度也是取決於FTP空間的速度了。


 


分析:


那既然速度都受到Blog平台與FTP空間速度的牽制,當然就得從"網站內部"來做優化,建議能到Pingdom Tools測試出拖慢網站速度的元凶,以利處理。


 


優化:


圖片優化


Blog內盡量以"靜態"為版面設計會較為理想,"Flash與GIF動畫圖檔"會小拖慢站速度,若以"JPG圖檔""GIF動畫圖檔"作為比較,JPG圖檔是指"單張""壓縮"過的圖片格式,則GIF動畫圖檔"多張"做成動畫類型的圖片檔案,雖說GIF動畫圖檔也只是一個檔案,但你可有想過,它之所以會變換圖片即是因為它內涵"多張"圖片檔案才有辦法做成動畫模式,也就是說一個GIF動畫圖檔的大小可能是JPG圖檔的幾倍大。

以及圖片(包括Flash)也是能省就省,每一張圖片都會使得電腦得去讀取更多物件將它們下載到網際網路暫存區,也就會耗費更多的時間,Flash及圖片即是指"時鐘、計數器、網站Banner(Logo)與友站連結(圖片類型)...等。


 


語法優化


網頁設計時也應將各個物件放置於不同的Table(表格)內,假若把很多物件都放置於同一Table則會造成"感覺上"速度減慢,為何稱"感覺上"呢? 由於單一Table內設置就是要"全部物件皆讀取完畢"才會顯示出來,如果在單一Table內放太多物件,就需等較長的時間才能看到顯示出來的結果,所以在"感覺上"也就會比較慢了。


也能以語法構成的物件來取代大量的圖片類型物件,能微幅使網站速度加快,如:圖片超連結能改以按鈕方式呈現,網站Banner(Logo)也能以文字呈現。




內容


前言:


基本上內容會大幅的影響讀者對該Blog的感受,其所指的內容為文章的內文。而內文若都以小的跟螞蟻一樣的字體呈現的話,相信會使讀者感到極大的不便,以及內文也能以改換顏色、加畫底線...等方式來做重點的突出,以便讓讀者更容易理解其內容。


 


優化:


文字優化


文字部分就使以"大小、顏色、下畫線...等"較為重要文字大小(語法:<font size="10">文字</font>)當然是得適中,不得太大也不得太小,且必須考量到周圍字體與內文字體大小的差距,若一下使用30pt的字體,一下又使用5pt的字體,也是會使文字有些突兀,以及字體過大有時會造成黏在一起的情況,建議是在"重要段落"的部分使字體加大,亦能改換顏色使其更為明顯,則"重要文字"部分亦可增加下畫線(語法:<u>文字</u>)改換成紅字(語法:<font color:"red">文字</font>)等鮮豔顏色使其更為顯著。


 


圖片優化


相信許多讀者在看文章時都是先注意圖片再看內文的,筆者也是有這麼一個習慣,但往往此種閱讀習慣會使讀者錯失了重要的內文,當然圖片也是不可或缺的。建議能在圖片中加入文字附註使讀者能邊看圖邊看內文,達到一舉兩得的效用,且此種閱讀方式更容易使讀者理解其圖片與內文所要訴求及表達的。


圖片與文字也相同,大小都需要適中,避免使得圖片就占滿了整個版面,甚至蓋掉內文。而且也建議能將圖片先壓縮並縮小再上傳至速度較快的圖片存放空間,以利讀者觀看。




版面設計


前言:


版面設計的人性化與否將會造成讀者對第一印象的重大改變,實際上"版面設計"是非常籠統的,泛指Blog的排版,游標樣式、文字樣式、圖片放置以及各個物件的設置...等。那若講到便利性就得從最基本的"排版"開始說起,由於許多Blog平台的預設樣版都是格友自己投稿的,設計得也都別具特色,但在設計時想必會參考參考別人的樣板,也就形成了一種"慣性",譬如說網站Banner(Logo)就會擺在網站上方的顯眼處,文章就習慣放在中央位置,假若排版與大家較不相同則會造成讀者的無法適應,所以也是相當重要的。


 


排版:


在大家的習慣下Blog的排版逐漸發展出具有"慣性"樣式的風格,也就是說要將網站的排版與多數人盡量相同,當然也要從中走出自己的風格但又兼具便利性,這也是其中的難度。非常典型的Blog排版基本上就是將"網站Banner(Logo)置於上方顯眼處、文章置於中央方便閱讀、有左/右側欄位放置各個物件",當然這並不是定律,些微的改動並不會影響整體便利,但重要的就是"讓讀者能方便閱讀"。則"美化"部分又容易與"網站速度"互相衝突,往往一些酷炫的元件都是會拖慢網站速度的,那若要在其中取得平衡,建議能將多數美化以語法來做取代與更改,這樣能小幅減少網站的資源耗量。


***建議省下多餘的設計,營造"簡單舒適"的網站版面給讀者。***


 


游標:


雖然游標的準確度、速度皆取決於滑鼠,但許多Blog為了追求設計感而改換游標,當然些微的更改並不會造成不便,但若將滑鼠的手勢都更改掉則很難辨識出該文字是否為超連結,以及改換游標也將讓網站速度些微的減慢,建議還是以電腦本身預設的游標即可,不要多做更改。


 


小結


總歸以上所提出的要點,其實就是希望能將網站盡量朝向"簡潔"的方向做優化,一方面能使讀者一目瞭然,又能加快網站速度,可說是一舉兩得。


2010年9月8日 星期三

簡單三步驟,訂閱【無中生有】

訂閱【無中生有】


 


第一步驟


先至http://blog.xuite.net/jason_kuso/kuso/rss.xml此RSS網址選擇以"即時書籤"方式訂閱,並點選立刻訂閱。




 


 


第二步驟


之後即會出現即時書籤訂閱,並可自行更改即時書籤名稱,之後點選訂閱。




 


 


第三步驟


最後會在上方工具列出現【無中生有】的字樣,展開後即可看到最新的文章列表。




2010年8月11日 星期三

100%免費合法Blog音樂-KISSRadio

由於大部分音樂都有版權


若任意放在Blog會被告侵權


若想要讓自己Blog有背景音樂令人舒暢


又不想冒著侵權的風險


那無人不知,無人不曉的KISSRadio是個很好的選擇!


它不但提供收音機的廣播


還有線上廣播及Blog版的播放器


而且比起一般將音樂放在Blog就只有單曲


較為平淡


若轉移頁面(如:瀏覽另一篇文章)時音樂又會重播


但KISSRadio就不會有這個問題


KISSRadio網路音樂台:http://kissradio.kiss.com.tw/home/incode.php


 


選擇對應的Blog平台




選擇完畢後即會出現如下圖




之後只需將語法貼到自由欄位即可~


而且KISSRadio還很貼心的附了各Blog的方法






 


2010年8月4日 星期三

以縮圖顯示Blog相關文章-LinkWithin

往往瀏覽者幾乎都只會瀏覽新文章


但有些人的Blog文章數量很多


許多的舊文也就因此被埋沒


若你有此疑慮的話


能在Blog添加LinkWithin這款免費工具!


就如下圖 他是以縮圖方式呈現文章



這個網路工具十分簡單


僅僅需要填上一些基本資料 (Blog網址.E-mail..等)


就能擁有這個服務~


LinkWithin:http://www.linkwithin.com/learn



  1. Email 不一定要填真實的 只需格式無誤(xxxx@xxxx.xxxx)

  2. Blog Link 輸入Blog的網址 (需加http://)

  3. Platform 填Blog的平台 (如:Blogger) 若無使用的平台選項 則選Other(其他)

  4. Width 相關文章的數量

  5. My blog has light text on a dark background 若Blog的底是深色的話請勾選




之後就能將語法打包帶走嚕~




只要貼在xuite的自由欄位內或是無名資料夾即可


從此以後就不用再擔心會有舊文被埋沒啦~


 


2010年5月24日 星期一

在文章中插入YouTube影片

在YouTube或Vlog等影片網站看到的影片若要放到文章內


若只放一個超連結連到影片網址去


那太落伍啦~


何不直接把影片插入文章中


方法非常簡單


以YouTube影片為例


只要將<嵌入>部分的程式碼先複製(如下圖)



之後開啟Xuite文章的"原始碼編輯"



再將先前複製好的程式碼貼於最前段



這樣就能直接在文章中觀看到影片嚕~




 


2010年5月7日 星期五

無名網誌&Xuite比較

前陣子一直有想把網誌搬家


想搬到無名能用即時通顯示新文章


不過....無名那爛的要死的福利感覺似乎不太合我..


無名廣告超多 能使用的空間又小


Xuite就100%無廣告+每天加空間


就來比較一下空間吧....


無名:



Xuite:




無名相簿可使用空間總量:150MB


Xuite可分配空間總量:1813MB


雖然Xuite是還要把空間分配給影音.網誌.相簿....等


但空間也差太多了吧.....


那再來比其他福利吧


無名會員:



Xuite普卡:



Xuite普卡並沒有提到"空間"


Why?


因為它是無限的!!


無名摳的要死....啥都要錢


限制又一堆...


也因此 打消了我網誌搬家的念頭.....


 


 


 


2010年1月23日 星期六

海地賑災貼紙

最近海地發生強烈地震


大家也該發揮人溺己溺的精神


大方的伸出援手


我們可能沒法直接的幫助他們


但卻能通過許多管道間接性的幫助到海地


譬如紅十字會.慈濟等 慈善機構都有在募款以利他們前往海地賑災


為了讓更多人都能參與這項賑災活動


因此我做了一個海地賑災貼紙


有兩種款式


(1)



(2)


(1)的語法: 


<div <a href="http://web.redcross.org.tw/news_001.aspx?pid=P_00000142&insid=5#11"><img src="http://e.blog.xuite.net/e/1/e/1/23417172/blog_1953880/txt/30533038/0.jpg" border="0" /></div>


(2)的語法:


<div <a
href="http://web.redcross.org.tw/news_001.aspx?pid=P_00000142&insid=5#11"><img
src="http://e.blog.xuite.net/e/1/e/1/23417172/blog_1953880/txt/30532849/0.jpg"
border="0" /></div>


 


連結到的皆是紅十字會海地賑災網頁


可自行改變為慈濟或其他慈善機構的網址


歡迎網友轉貼此文(免經同意)




2010年1月8日 星期五

在自己的blog顯示在線人數

本版的左側應該有一個會跟著跑的紅色小框框吧?


他會顯示現在正在看我的blog的人數


若你也想要有一個專屬於自己的blog在線人數顯示器


就可以到Who’s.amung.us來自己製作一個~


下面是網站介面


紅色框框內的是他放置於網站的哪裡


黃色框框內的則是自己製作更特別的人數顯示器



 


Who’s.amung.us:http://whos.amung.us/


2010年1月2日 星期六

在自己的blog養"風水魚"

若怕Blog太空虛,可以加入"風水魚"來撐撐場面!


其實非常的簡單!


只要到aBowman這個網站製作屬於自己的風水魚


再把程式碼搬回家


就能擁有自己的"風水魚"囉~




  1. Name的部分可以幫魚缸命名,隨意填寫即可

  2. Background Color可以調整魚缸背景色彩

  3. Background Image(jpg) 一樣是製作背景,不過是可以以"存放在網路空間的圖片"做為背景

  4. Number of Fish 風水魚的數目

  5. Fish x Color 可以改變那條魚的顏色




都調整完畢後


只要把Embed後面的程式碼放到部落格就好嚕~






超多blog時鐘

ClockLink這個網站提供很多blog的時鐘


且持續會更新時鐘樣式









選好了自己想要的時鐘後就點選View HTML tag


就會跑出下圖文字,再點選Acoept





即會出現相關設定


把國家城市的選項選成 Taiwan Taipei





之後把程式碼打包帶回blog就好嚕~




ClockLink:http://www.clocklink.com/gallery.php?category=ANALOG