2007年7月31日 星期二

Blogger 新手基本技巧問答(一)--11.4更新

發現很多新加入blogger的朋友,有很多基本疑問會出現在我的留言板或是文章回應部分,在這邊稍作一些整理,大概初入門的blogger新生會遇到的問題。

如何換標題的圖片?

進入後台→範本→網頁元素→按下有”標頭”的網頁元素後,會出現一個設定標題的對話框,將你的圖片上傳即可。


如何備份我的模板?
進入後台→範本→修改HTML→按下”下載完整模板” →儲存


檔案會以xml的檔案儲存,我的方法是另外命名以日期為主或是hack為主的檔案,以作區分。

如何換新的模板template
有兩種狀況:
1、xml的模板
常有人看到網路上許多美麗的模板就想要換成自己喜歡的,一樣是
進入後台→範本→修改HTML→按下”瀏覽” →選擇在硬碟的xml檔的模板後,按上載後即可。
通常在換新的模板時,有時會出現紅色的字’ 小裝置即將刪除’,按下’確認並儲存’即可。這是因為只要你換一個模板,所有先前設定的網頁元素都會消失,會提醒你是否確認更換,記得將你的先前的網頁元素備份好即可。


2、txt檔(文字檔)的模板(像Finalsense所提供的就是css程式碼)
先將原先的HTML清除,按Ctrl+”A”,再按Del即可。再將你要的程式碼全選後複製,再貼到你的HTML程式碼區,按下儲存範本即可。

2007.11.4更新
※如果發現模板仍是無法上傳,把你的檔案名稱以英文或數字來命名,相關的資料夾名稱亦是,或許就能上傳,謝謝Bryan網友的提供的秘訣。※
〈其實在我的電腦,中文檔名及資料夾名稱是中文的,上傳都沒有問題,可能是不同模板、在不同電腦系統或是瀏覽器中要求的不同吧。〉

如何備份原本網頁元素呢?
通常網頁元素就是一些程式碼,將程式碼貼到word或是記事本上,換好新的模板後再將新增網頁元素將程式碼複製貼上即可。

有些文章不想公開或只限好友觀看
通常這部分,沒有像無名小站,可以單篇鎖文的功能,只能限制整個網站的開放與否,或是邀請某些人可以看你的網站。
如何邀請呢?
進入後台→設定→權限→點選’僅限這些讀者’,將你想邀情的人的email填入即可,收到邀請函的如果有gmail帳號可以直接登入觀看網誌,其他信箱的人則可以在30天之內以email帳號的訪客身分觀看你的網頁,如果是你的好友,建議申請Gmail帳號會比較方便。

我的RSS 網址在哪裡?
在你的網站首頁最下方有一個 訂閱:文章 (Atom) 所連結的網址就是你的RSS,如果你是用Firefox瀏覽器,按下網址列的橘色標誌也會出現你的RSS,Internet Explorer7工具列上也有提供這個服務,按下rss橘色按鈕也會出現。 RSS相當重要,如果你的網站常常更新的話,提供一個RSS訊息給想看你網站內容的網友是必須的。

繼續功能的hack失效
發現好多人用阿土伯的繼續閱讀blogger-ext2功能或是繼續閱讀懶人版,這兩個功能確實是技藝非凡、無人能出其右,作者非常用心的在維護及更新程式,但是好像和一些網路上的hacks程式會有衝突,造成功能失效,如果用的人沒有follow作者的更新,常常會有失效的情況產生,目前我沒有用這功能,因為覺得繼續閱讀的功能是全文跑完再出現摘要,很耗時間,而且我用羊男實驗の咖啡館的繼續閱讀功能,到目前都沒有問題,所以建議還是用這種比較古老的摘要方式來得保險,想要的其他hacks功能自己以後再慢慢加入就好了。
系列文章:
● Blogger 新手基本技巧問答(二)
● Blogger 新手基本技巧問答(三)
● Blogger 新手基本技巧問答(四)

部落客廣告聯播 – BloggerAds

這是近期我喜歡看的廣告---料理鼠王。

2007年7月26日 星期四

換個與眾不同的blogger button

想從自己的網頁上進入blogger的後台,通常是從blogger所提供的navbar 或是button登入,但是navbar通常會破壞blogger的美感,感覺很礙眼,所以通常是把它隱藏或是去除,但網頁上還是要加上一個blogger buttom讓自己能從網頁上直接進入後台編輯,blogger後台已經幫我們設定好了,只是看久了也想換換,網路上也有人做出了這些button,提供網友使用。


如果不想用後台的標誌圖案直接加入網頁,可以用新增網頁元素,選擇HTML/JavaScript,然後將以下程式碼加入即可
官方的說明 :
How do I add an "I Power Blogger" button to my template?
<a title="BLOGGER" href="http://blogger.com/"><img src="圖片網址" /></a>

Powered by Blogger button圖片來源,請參考
主站:PAM
站長是一個位在秘魯的年輕女生,其實圖片也可以利用繪圖軟體自己做,或是button軟體或網站都可以,有興趣的人可以試試看創作。
圖片來源1 圖片來源2
將圖片檔存到你的網站上,再將程式碼貼在適當位置,你就可以擁有一個不同的Blogger button.


2007年7月22日 星期日

製作屬於自己的背景圖案

網頁設計中,背景常常決定網站的風格及帶給他人的感覺,一直覺得自己的blog不夠漂亮,過於單調,但是老天爺不賞飯吃,自身對美沒有什麼概念,只求看得順眼,其實單色的版面會讓電腦瀏覽速度較快,但是也比較呆版,想說至少用個背景來為blog添加點變化,在網路上提供背景的網站還真不少,介紹我比較喜歡的,也常用的。

2007年7月20日 星期五

高品質的ICON圖庫素材---Websiteicons


很喜歡這個網站的ICON圖庫,站長蒐集了許多高品質的ICON,並取得原作者的同意,作為個人使用,每個系列的圖檔都說明網站來源、作者、多少個ICON等等,也有分類型來介紹ICON,目前收集了109種圖示,顯示站長相當的用心的在整理資料,大部分都是PNG檔且透明,讓ICON的品質達到最高,也適合網頁使用。

2007年7月19日 星期四

打造一個漂亮的iGoogle Skin首頁

最近在玩iGoogle,發現一個新Gadget,就是可以替換iGoogle的Skin,一共有11種佈景,配合原先iGoogle所提供的7種,Google也鼓勵網友提供自己所設計的skin css碼,可以上傳,有興趣的人可以試試看。

2007年7月17日 星期二

顯示線上人數及統計報告---whos.amung.us

whos.amung.us



這是顯示在線人數的一個widget,其實對我這流量不大的網站是沒有很大的幫助,只是也想裝看看,看看什麼時段人最多,雖然Google Analytics也是可以看到,但要作登入的步驟,點選很多步驟後才能看到,對我來說有點麻煩,而這個工具不用註冊就可以達到這個效果,對我來說真的很方便。

這個工具並不用註冊,只要把程式碼放在你的自由欄位上即可,然後選擇顏色,再裝到blog上即可。




顏色可以直接填入色碼,或是利用圓盤式的色碼表,外層是介面的顏色,內層則是字的顏色,深淺都可以調。

如果裝好之後,點選網頁widget圖樣後就可以看到目前線上的人是停留在哪一個網頁,也可以看看統計的報告,他分年、月、日,依我的來看,這個月同時上線的人數最高達30人,是在7月9日那天,再點進去看,是在凌晨5點那個階段,因為他的時間是以UTC為主,也就是格林威治時間(GMT),所以換算成台灣時間必須加上8小時,就是下午1點,你也可以把這統計圖表放在你的網頁上,在統計圖表的右下角有一個 embed on your site,按下去之後就會跑出一段程式碼,再放到自由欄位即可,可以隨時觀察你的訪客上線情況,來對自己的網站作些調整。


漂亮且具光澤感的RSS圖案

Curo.jp
這站長設計了各種顏色及大小的RSS圖形,也提供有倒影效果的Rss圖案,具光澤感的圖形讓網站妝點的更漂亮。

2007年7月11日 星期三

Tube Magazine 線上Youtube影片輪播器


弁天ツール
這是一個日本網站,專門提供blog-parts及一些小工具,如果覺得無聊時可以看看自己有興趣的影片,只要填上關鍵字,中、英、日文皆可,比如最近最火紅的超級星光大道、楊宗緯、王建民等等,就可以連結上Youtube網站,看你想看的影片,非常的方便。


如果想看中文說明,可以參考這個網站 BlogDeco

WEB2.0 立體 icon 圖案蒐集

寫一個和電腦及網路相關資訊的Blog,不免就要用到有關web2.0的圖形,自從試用了Vista系統的NB就覺得那些圖案很漂亮,有種異次元三度立體空間的感覺,網路上搜尋到一些覺得不錯的網站,蒐集起來可以利用在自己的網頁設計上。

2007年7月6日 星期五

黑色迷幻與魅惑的blogger templates 模板

這是在一個希臘blog論壇發現的網站,以黑色基調為主,提供4個模板供網友下載:


模板網頁

看不懂希臘文沒關係,圖案漂亮就好了,再利用 AltaVista的翻譯服務,將網頁翻譯成英文,因為Google Translate沒有提供希臘文的翻譯服務,這個論壇也提供許多blog的小技巧,如果有看到好用的,再和大家分享。

設計者的網站: Paradise Lost
原設計者提供的模板有5個,下載網頁,會連結到另一個畫面,如下圖,按紅色的地方下載即可。



不過我覺得黑色的templates比較有吸引力,聽說黑色的背景是比較環保,雖然我還蠻喜歡黑色的模板,但因為我的部落格沒有貼什麼專業的攝影照片,不需要用黑色來襯托相片的光影效果,也不是很專業的科技分享網站,給人高科技的距離感,用黑色的基調總覺得不太適合,也不太符合我想輕鬆分享的態度,所以雖然我用不到,但我卻超喜歡那款 Spring night template,有種迷幻空靈的神秘感,所以還是和大家分享,有需要的人可以參考看看。

2007年7月3日 星期二

Firefox -來自日本的火狐狸,超可愛桌布分享


來自日本的可愛火狐狸網站 フォクすけ*ブログ
英文版 Foxkeh's Blog (不過少了banner這部份)

Firefox火狐狸真是受到全世界的愛戴,各國都創造出獨特的火狐狸造型,可愛的、邪惡的、科幻的等等,其中我最喜歡的就是這隻來自日本的小狐狸,真的好かわい(kawai),網站每個月都有推出Wallpaper桌布,各種解析度的都有,也可以選擇是否搭配當月的月曆,配合季節每隻小狐貍的有不同的打扮,放在桌面上讓人心情都愉快了起來。

超簡單的網站國際化---Google Translate

英文不好嗎?不用怕,簡體中文怕怕嗎?也不用驚驚,現在只要簡單的步驟就能將你的網站帶入國際化的世界。

只要在網站上加上如下翻譯的連結

讓瀏覽到你網站的外國人,和看不懂繁體中文的對岸同胞們,都能大概明白你的網站內容在說些什麼,雖然不是非常的match你的內容,但我想也達到80%的效果了。

為什麼想做這個動作,是因為看到Google Analytics的報告中,有來自美國及歐洲的網友,雖然不多,但是退回率卻常常是高達100%,因為我的網站文字居多,如果沒有美麗的圖片可以吸引網友的目光,當然看到這黑壓壓的方塊字,老外當然就滑鼠一點,飄然遠去了,而對岸同胞或許看得懂,但看久了也會累,也不想再看下去了,退回率雖然好些,但也是相當高,所以就興起了幫自己的網頁加上這個服務,只要簡單的一些動作,就可以讓網友讀懂你的文章,舉手之勞,現在就來將你的網站國際化吧!

步驟
進入 Google Translate

下方有整個網頁翻譯的選項,輸入網址,選擇 Chinese to English BETA,按下 Translate,然後將翻譯的網頁上方的網址copy下來,這就是你的英文網頁的超連結網址。


同樣的簡體中文,就選擇 Chinese(Traditional to Simplified)BETA,copy簡體中文的網址。


最方便展示的方式,就是在網頁元素裡增加一個網頁元素,新增連結清單的欄位,將名稱和網址填入即可,就可以擁有一個可翻譯成其他語言的功能了。

不過這個Translate並不支援以javascript做成的元件,所以有些邊欄還是呈現繁體中文,連結出的也是原來的網址而無法翻譯,只能翻譯主頁及較舊的文章,目前補救方式就是加上Google Translate的連結,讓有興趣的讀者能立刻連結到翻譯網站。

其實也有另一種方法,就是將你的每篇文章都加上上翻譯的網址,將此連結放在文章末端,只是這樣很麻煩,剛開始成立部落格的朋友,如果有心要做這一塊的朋友還是可以嘗試看看,因為我的文章有一定的累積,目前也沒空去重整,所以覺得Google Translate的服務還差強人意,勉強可以符合自己的需求,另外目前網路上也有提供多國語言翻譯的Mojolingo ,只是觀察過後,他的翻譯速度不是很快,而且又有工具列及廣告產生,版面也會跑掉,給有興趣試試看的朋友的另一種選擇。

延伸閱讀:
淺談部落格的翻譯及相關程式碼

2007年7月2日 星期一

Blogger初入門教學彙集

現在blogger的申請者漸漸多了,覺得很高興,每次在PTT的blog版看到PTT Blog板友簽到簿中以blogger架站的版友都會特別注意,看大家架站的情形如何,來作為學習的對象,而想要踏入這一塊園地的朋友,也提供自己架設Blogger 網站歷程的一些經驗,給大家做個參考:
緣起---blogger
為何在Blogger架設自己的部落格

以下是申請blogger的基本程序:
● 先申請一個Google帳號

你可以用自己的e-mail帳號註冊,或是申請一個Gmail帳號後再來註冊,建議先註冊gmail帳號來申請帳號,會比較方便,登入後就可使用google的服務。
● G-mail
註冊:建立Gmail帳號

Gmail說明

● 建立blogger 帳號
申請登入 Blogger
以你所建立的google帳號就可登入了。
選擇模版
如果不喜歡官方所釋出的模版,可以參考下列文章所列出的網站,尋找你心中完美的樣板模式。
Blogger Templates 模板資源

● 安裝相關套件
列出大部分應該要安裝的套件
1、最新文章、最新回應
2、繼續閱讀

3、計數器

2009.9.30 更新
上述,目前的blogger後台都已具備,而且目前推出的Blogger已經推出新版的編輯器,更符合""所見即所得"的操作模式,請參閱,
Blogger文章編輯區新版模式正式啟用

● 非必需套件
1、版權宣告:創用cc授權標章
2008.3.21更新
2、加入共享書籤(這個網站已關站)
可以另外參考Not my business的做法
單篇文章加入共享書籤(Social-Bookmarks)
3、留言版
可申請 CBOX 或是 ShoutMix
4、文末加上相關文章
5、誰來我家功能,申請Mybloglog讓你的大頭圖像出現在別人家,有安裝這項功能的部落格,就可以互相交流訊息,增加別人點選圖像來到你家的小工具,就算沒有到對方家留言,有現個身,我是覺得很溫暖的小工具,很適合潛水型的部落客。

其他我使用過小玩意可見
使用的Blogger Hacks資源網站

希望這些訊息及文章可以給想在blogger成立部落格的朋友們一些幫助,其實我自己也是常常回頭來看自己的文章,因為一改版後,這些外掛的程式都要再一次安裝下去,或是程式碼要再加裝進去html的範本內,建議所加裝的外掛程式碼自己都備份起來,改模版時再加進去就會比較省力了,另外就是選定自己最中意及適合自己需求的模版,並做好備份動作,在blogger的世界裡就能得心應手、遊刃有餘展開新的部落格天地了。

2007年7月1日 星期日

Blogger template 超漂亮的模板

主站 :Notlar ve Notalar
模板介紹: Blogger Beta templates


這個模版已經搬家到Blogger Şablonları
網址:http://bloggericinsablonlar.blogspot.com/

(這個版主常會改版或休息,所以網站有時會暫時連不上,不能連上時,過幾天再試試。)


初入門者大推薦
(※ 這網站音樂會自動播放,不想聽的請關掉邊欄的Müzik ※)
無意間發現這個網站,站長提供他自己設計的38種beta (New)blogger templates,大部分是兩欄式的,只有4個三欄式的,寬度大都是800px,沒有加任何外掛,很單純的模板,但是我覺得設計感相當不錯,圖片也很漂亮,讓人眼睛為之一亮,如果不是要求多欄位的排列組合,我倒是蠻喜歡他的樣板設計,比起
Dzelque’s blogger templates
的複雜性xml語法,也簡潔許多,很適合初學者用,賞心悅目的樣板我想是blogger所欠缺的,常常看許多以blogger設計的網站,總是簡單樸素,我自己的也是,再加上blogger的功能陽春,所以吸引不了一些不懂語法的人進入這個世界,我想有了這麼美麗的版面,我想多多少少會吸引一些人進入blogger的世界吧,希望以blogger架設blog的朋友能越來越多,交流與分享更多有關blogger的世界。


這個網站根據他的Profile顯示,站長是位在土耳其的女生,我也看不懂這些文字,不過他有特別用英文寫下,希望分享時不要直接連結他網站的zip檔,我想這是每個設計者都希望的,希望網友們能瀏覽他們的網站,所以我在介紹相關的資源網站,都會把主站首頁及網站名稱列出,也是對站長的一種尊重,不想說只是在利用別人的資源來豐富自己網站的內容,而是能介紹一些好的網站給大家知道,畢竟有更多人瀏覽,這些站長更能創造出更好的內容。

原文如下:
Here you can find some New Blogger (Beta) templates that I made..
Please don't redistribute them and don't give direct link to zip files.
* Link back to my blog isn't required, but appreciated...