2013年4月28日 星期日

安裝Histats免費計數器,統計網站人氣

https://blogger-script-study.blogspot.com/2013/04/histats.html

Histats計數器雖然Google的Blogspot有提供【網誌統計資料】小工具,可以讓我們了解網站每天的流量,但使用一段時間後總覺得其功能太過於陽春,因為真的就只有流覽量,如果想要使用功能更多的免費【計數器】,這時候可以考慮較多人使用的【Histats】或【Sitemeter】,左側圖片中顯示的計數器就是本落格目前正在使用的【Histats】免費計數器。

【Histats】提供了比Blogspot【網誌統計資料】小工具還要多的統計內容資料,也可以讓我們在網站中直接顯示出下列的統計數據:

  • Pages:網頁的統計瀏覽量
  • Visits網站的統計訪客數
  • Pag. today:當天的網頁瀏覽量
  • Vis today:當天的網站訪客數
  • Online:目前在線人數

2013年4月26日 星期五

使用【Google Map】標示餐廳位置

https://blogger-script-study.blogspot.com/2013/04/google-map.html

 
在較大的地圖上查看如何到達台南火車站

【Google Map】是個很好用的工具,可以方便我們找到我們想去的地方,也可以指引遊客來到我們的所在地,所以如果我們希望客人可以更容易找到我們所經營餐廳的所在地,那麼在部落格內嵌【Google Map】地圖可能會是個不錯的好點子,也會為自己的網站加分不少。

最上面的地圖就是利用【Google Map】來標示台南火車站的位置,並畫出一些可能行駛的路線供網友參考,Google不但提供地圖也提供了路線的規劃指示,說真的還蠻貼心的。

2013年4月24日 星期三

Google部落格範本進階設定

https://blogger-script-study.blogspot.com/2013/04/blogspot-template_24.html

Blogspot自定範本修改完成前面的篇幅中我們雖然完成了【水平導覽選單】的建立,但其顏色及字體的大小似乎不太合乎我們的需求。Blogspot本身其實有提供功能強大的版型修改工具,可以讓我們修改範本版型中的字體大小、顏色及背景顏色,甚至還可以變更範本版型的寬度以及改變側邊欄靠左靠右的位置,更可以改變側邊欄單欄’雙欄或是混和側邊欄,比起目前市面上的其他部落格平台都還要好用。

本文我們將介紹如何使用Blogspot的進階版型設定功能,教大家如何修改範本的字體大小、字體的顏色及其背景顏色,讓水平導覽選單的色彩及字體更符合我們的需求,也會順便修改側邊欄上小工具的標題字型大小,讓它看起來更順眼。

2013年4月21日 星期日

用「網頁」功能製作水平導覽選單

https://blogger-script-study.blogspot.com/2013/04/menu.html

Blogspot的水平導覽選單

可以輕鬆製作【水平導覽選單】是Blogspot的優點之一,因為一個好得「水平導覽選單」可以讓使用者更方便的瀏覽我們的網站,增加其停留在我們網站的時間,並減少網頁的跳出率。參考最上面的圖片,這個導覽列是不是把我們餐廳設立官網的重點都給強調出來了。

Blogspot製作【水平導覽選單】的方法共有三種方法,分別是使用【網頁】、【清單】、【連結清單】,這三種方法各有其優缺點,有興趣的可以參考部落格中的其他相關文章。這裡我們要示範使用【網頁】來製作網站的水平導覽選單,其優點是作動的網頁會有反白的效果出現,可以讓瀏覽者清楚的知道目前正在瀏覽的網頁,而且以網頁作成的選單也已經連結到網站外的網址了,以前只能連結內部的網頁。

使用【網頁】的另外一個優點是可以單獨設定是否允許留言,而且網頁不會跟部落格的文章混在一起,也就是使用部落格工具瀏覽時,網頁是單獨存在的,所以我們可以把一些重點的資訊用網頁來呈現。

2013年4月19日 星期五

搞定Blogspot的版面配置,新增小工具

https://blogger-script-study.blogspot.com/2013/04/blogspot-template.html

Google部落格第一階段完成配製預覽Blogspot本著Google的簡潔特色,剛完成的部落格版面就是這麼清湯掛麵,所以我們必須要為其版面增加點東西來豐富其內容。所以我們必須得進入Blogspotd的後台自己來加料,還好現在的Blogspot比起早先的版本已經有了大幅的改善,也提供很多好用的部落格小工具,這樣也省得再到網路上找一些外掛程式來安裝。

Blogspot的小工具有很多,但我們只挑選幾個餐廳官網比較會用到的功能來安裝,其他的就等您熟悉了Blogspot的操作再自行嘗試了。不過要先提醒您的,大多數的網友瀏覽網頁時不喜歡太過花俏凌亂的版面,而且安裝過多的小工具也會拖慢網頁載入時的速度,所以不是安裝越多的的部落格小工具就越好。

本文會教大家如何安裝【HTML/JavaScript】、【搜尋框】、【標籤雲】、【交換連結】、【網誌統計資料】與【訪客最新迴響】等功能。現在我們就來看看如何設定Google部落格【版面配置】的一些技巧吧!

2013年4月17日 星期三

如何更換Google部落格封面圖片

https://blogger-script-study.blogspot.com/2013/04/banner-change.html

如何更換Google部落格封面圖片
部落格的封面幾乎佔了網站的一半靈魂,有美工天份的可以製作自己的部落格封面圖片,沒辦法的就花點錢找人加幫忙吧!

要設定Google部落格封面圖片其實很簡單,麻煩的是要先準備好一張封面圖片,這張圖片最好要可以代表餐廳的圖騰,因為這是門面,訪客到訪我們的餐廳官網時,第一眼看到的就是這張圖片,它可以讓訪客知道自己來對了地方,也可以在上面做些活動或是標語的註解。

封面圖片的大小最好可以設定成900像素左右的寬度,高度則可以隨意,但建議在200~400像素之間就好。

2013年4月12日 星期五

如何登入Google部落格的後台與變更版面配置

https://blogger-script-study.blogspot.com/2013/04/blogspot-control-panel.html

如何登入Google部落格的後台與變更版面配置這篇文章是針對完全沒有接觸過Google部落格平台的朋友寫的,如果你已經有使用過Google的部落格平台(以下稱【Blogspot】)的朋友,則可以完全跳過這一篇文章。

基本上每個部落格平台都有所謂的後台管理平台,就像是餐廳的廚房一樣,這裡孕育各種菜色,但大多數的餐廳都不希望消費者進去廚房參觀,因為這裡可能有著營業的秘密,菜色的配方...等,這部落格的後台也有點類似這樣,而且部落格的後台不但可以發表文章、更可以設定文章發表的時間、變更版型樣式…等進階功能,這些功能應該只能開放給部落格管理者可以使用,也就是說不可以將這樣的後台呈現給瀏覽者!

既然我們的目標要設立餐廳官網,所以登入其後台變更版型設計當然就有其必要性囉!原則上Blogspot的版型及版面配置及變更都需要登入到其後台才能使用,所以我們有必要先瞭解如何登入Blogspot後台的方法,然後再瞭解哪裡可以進行版面配置變更:

2013年4月10日 星期三

如何註冊Google部落格網址

https://blogger-script-study.blogspot.com/2013/04/register-blogspot.html

註冊Google部落格網址建立餐廳官網的第一個步驟,就是為自己的餐廳官網取得一個獨一無的網址。因為我們設定的目標示使用Glogger部落格,所以我們的網址就要到Google去申請,現在就來看看如何使用Google部落格(以下簡稱【Blogspot】)來實際產生我們自己的餐廳官網吧!

在我們開始申請Google部落格之前,要先準備好下面的資料:

  • 要先有一個Google的帳號,如果你還沒有,就趕快去申請一個吧。Google帳號申請的網址https://accounts.google.com/NewAccount?hl=zh_TW
  • 請先想好一個餐廳網址,目前好像不接受中文網址,只能接受英文或數字形成的網址,如果你的餐廳已經有英文名稱,建議可以直接用餐廳的英文名稱來註冊網址,如果想不到,或是自己想要的網址已經被別人註冊了,可以考慮使用自己餐廳的電話號碼來註冊網址。
    延伸閱讀:六個撇步幫你找到一個適合自己的網域名稱
  • 準備一張餐應封面的圖片,其大小最好可以設定成900像素的寬度,高度可以隨意,但建議在200~400像素之間就好。

2013年4月7日 星期日

用部落格平台建立餐廳官網教學首頁

https://blogger-script-study.blogspot.com/2013/04/resturant-homepage.html
工作熊餐廳網站

之前因為有個經營餐廳的網友問了一些如何建立餐廳網站的問題,讓我發現有許多朋友想要利用部落格來建立自己的網站,可是卻找不到比較好的方法來成立網站。所以這裡我就以餐廳官網為本,示範如何利用Google部落格平台(以下簡稱Blogspot)來建立一個餐廳官網。

這裏有一系列的文章,會一步一步教大家如何的建立起自己的部落格網站,文章有些已經完成準備發表,但有些還在陸續整理中,如果安裝部落格有問題,也歡迎留言討論。要先說明的,我本人並未經營餐廳,所以關於餐廳經營的方法我就愛莫能助了:


2013年4月6日 星期六

餐廳官網應該包含哪些內容?

https://blogger-script-study.blogspot.com/2013/04/resturant-web-contain.html

image

一旦我們決定了要設立自己餐廳的官網,接下來就要開始構思官網中要擺放那些內容,還有哪些內容最好不要放上去?這時候最好先設身處地站在網友、流覽者的立場來看網頁內容,想一想如果你是顧客,瀏覽餐廳網頁時會想獲得到什麼樣訊息內容?而不是我們可以放什麼內容,下面為個人建議的一些內容,僅供參考,純粹以一個顧客的角度來看餐廳官網應該放些什麼內容:

  • 餐廳的招牌。
  • 餐廳的菜單。
  • 餐廳的聯絡資訊。電話或電子郵件。這樣才可以提供客人預先訂位的服務。
  • 營業時間。不要讓你的客人撲空了,有固定公休日也要一併告知。
  • 交通資訊。如果是餐飲業,一定要讓客戶知道你的地址在哪裡。
  • 講個故事。現在做品牌很流行講故事,告訴大家你的餐廳如何創立?精神何在?這樣才能讓你的顧客產生更強的認同感。
  • 餐廳附近景點介紹。如果想要吸引外地客人來餐廳用餐,額外提供餐廳鄰近景點服務
  • 公告欄。這裡可以公告餐廳是否有推出新菜單、最近有否臨時公休日…等資訊。
  • 留言板。可以設立一個專門的網頁讓有問題的網友留言。
  • 餐廳花絮。公司活動?促銷方案?新產品介紹...等都可以寫成一篇篇的文章放上來。

這裡我利用Google的免費部落格平台Blogspot建立了一個虛擬的餐廳網站【工作熊的餐廳網站】,有興趣的朋友可以參考這個網站,它雖然很陽春,但大致上已經具備了餐廳官網的架構了。

2013年4月5日 星期五

如何使用Google部落格平台(Blogspot)建立餐廳官網

https://blogger-script-study.blogspot.com/2013/04/resturant-blogger.html

餐飲業及小公司如何利用部落格行銷網路盛行後,看到很多餐飲業者開始使用網路來行銷自己的產品,資金雄厚的公司或許可以花大錢租用專用網路空間,並聘請專業人員來維護網頁,可是一般餐飲大多屬於小企業可能花不起這個錢,於是就有很多人看上了現有的免費部落格平台並用來當作是自己公司的網站平台,另外最近也有些人開始使用起Facebook及Google+。

個人因為寫部落格的關係,有時候會上這些餐飲業網站查詢一些相關資料,可是我卻發現大部分的餐飲業都不曉得如何好好地利用這些免費部落格平台所提供的優點。有些公司單純以為只要開個部落格,就像是電話黃頁一樣,把餐廳的店名、電話及地址寫上去就大功告成,人氣就從此就會扶搖直上;有些店家還比較有些概念,知道還要把餐廳的菜單給放上去,可是卻不知道如何經營網站。有些公司甚至跳過部落格平台而直接使用Facebook或Google+社群網站來當作是網站經營的經營平台,但這樣真的就好嗎?