2008年8月31日 星期日

Blogger template模板教學課程---如何修改有廣告的模板


綸太郎以實例來教各位如何修改模板,其實這是針對想要放廣告欄位(Ads)或是多重欄位的較複雜性的模板來說明,因為很多時候簡單的模板只要套用,最多改個標題圖片或是寬度就可完成了,但是想要一個功能性模版,有礙於裡面有廣告自己不會刪,怎麼辦呢?

我以目前很流行的PassionDuo模版來說明,有三個地方有廣告:
PassionDuo Blue, Red & Green Templates
1、標頭右邊有個468*60的廣告
2、文章最上方也有468*60的廣告
3、邊欄右手邊有6個125*125的方形廣告
下方還有個搜尋框

通常設計者在設計時都會以 <!--說明文字 --> 來註解,這部份並不會顯示在網頁上,只是做參考用的,以這個模版他就有寫出來,
<!-- Replace with your ads --> 告訴你可以置換這個廣告,如果我們對英文說明不是很了解,你可以下載模版後,滑鼠放在某個廣告上,然後按右鍵在圖片廣告上,選擇屬性(FF)或是內容(IE),知道這張圖片的網址或是連結的url位置,然後複製下來,


比如有一個廣告的位置是指向http://www.linkworth.com/?a=10230
然後我們進入後台,版面配置→修改html→展開小裝置範本,找尋這串文字,就可以找到他的位置,再將你想指向的圖片及網址置換上去,或是直接將此段語法刪除,但要記得,上次我們有提到每個區塊都會以div框住,所以如果你要直接刪除的話,就要把<div>到</div>這段語法都刪除。


以這個模版來說右邊廣告125*125圖片區,這段的語法就是在<div class="ads-sidebar">到</div>這部份,你可以加入你自己的圖案廣告(例如Bloggerads125*125的廣告)或是連結,語法如下
<a href="要指向的網址"><img src="圖片網址" /></a>
當然這段語法在上方CSS,也是有定義的,在這行及下方
.ads-sidebar{float:left; margin:0pt; padding:0pt}
通常如果你要整個區塊刪除,建議連CSS定義也可以刪除,因為用不到,也可簡化檔案,但初學者不太熟悉語法者,保留也無所謂,免得刪錯了。

但如果是放Google AdSense呢?沒有圖片網址,沒關係,AdSense的程式碼變數都一樣,你就找到google_ad這段文字即可,一樣把它換成你的廣告程式碼或是整個刪除,若是要換程式碼,記得 <>都要改成&lt;及&gt;,但綸太郎建議還是用新增小工具html程式碼,放AdSense廣告較好,修改置換廣告也比較方便,不用修改原始程式碼,當然這區塊你也可以加上你想加的圖片連結或是其他元素。
所以這樣是不是很簡單,刪除廣告,也能自行加入自己想要的連結圖片,其實沒有很困難的,有時你也可以看看是不是有隱藏的廣告放在你的模版裡,通常用ads三個英文字做搜尋或是查看html有沒有可疑的網址連結,就可以察覺了。

最下方有個Search搜尋框,通常有裝Google AdSense的格主會刪除,使用自己的AdSense Search搜尋框,如果不想使用模版設計的,用”search”為關鍵字尋找,記得前後不能有空格,找到html語法裡有相關的,例如這裡的就是<div class="search">也是把這段區塊語法刪除即可,不過綸太郎還是建議以新增小工具的方式來新增Search Box,而不是直接加在語法裡。

這個模版還蠻實用的,有導覽條,通常CSS裡會定義為Menu或是Tabs,在這裡是定義為TopMenu,如果你想像綸太郎的部落格有分頁導覽,你可以使用這個模版,直接在網頁元素裡的Top Tabs加入你的網址即可。

如果覺得這個模版適合你的需求,可以到
PassionDuo Blue, Red & Green Templates下載,有藍色、紅色及綠色三款。

2008年8月25日 星期一

Blogger template模板教學課程---HTML內容架構

對於初入門者很多看到HTML四個字就頭大,感覺好像很深的電腦語言,其實在部落格裡使用html的語法並不困難,只要大概看懂基本架構、了解幾個關鍵字、關鍵語法的使用,大概都可以猜出問題在哪裡,而要怎樣做修改,通常配合你使用的Hacks說明,由於綸太郎常改版,所以自己修改模板累積的經驗來講解,有誤者歡迎留言更正。

我們先來看基本的架構,這是在"展開小裝置範本",通常這就是最基本的狀態,在還沒有加入任何widget小元件的原始模樣,如下圖,



大致分為out-wrapper(整個頁面)、header-wrapper(標頭區)、content-wrapper(主要內容區)、main-wrapper(主文區)、sidebar-wrapper(邊欄區)及footer-wrapper(頁尾區)六大部分,其中content-wrapper是包含了main及sidebar兩區塊,你想在哪個地方插入語法,記得在相對應的部分插入,而勾選展開小裝置範本之後,就會展開全部網站的html語法架構圖,有興趣的人可以慢慢研究。

初學者如果想認識這一塊,首先要知道的就是

<div id='content'>
程式碼
</div>

div就是division(部分)的簡寫,代表的就是一個區塊,而content就是這個區塊的名稱定義,而且要以</div>代表這個區塊的結束,一定要兩者並存,你可以看到上圖content-wrapper的結束</div>是在sidebar-wrapper下方,才代表這個區塊的結束,如果沒有對對配合,少一個或是多一個,都會造成版面的錯亂,讓你無法儲存template,顯示錯誤訊息。

而這個區塊裡面,通常你會看到會裝一些基本的元素,標頭、文章、邊欄、頁尾等等,語法如下:
<b:section class='header' id='header'>
指的就是網頁元素,這就是區塊內的配置, 通常最後會搭配一個</b:section>來結束語法,而在這裡面的
<b:widget>,這是網頁元素裡包裹的小裝置,比如上圖main-wrapper裡的widget就是這個網頁元素的小裝置,就是你的文章,或是一般我們加到邊欄(sidebar)的東西,比如最新文章或是最新回應等元件,這裡同樣也會需要相對應的結束語法</b:widget>,而這個widget是可以拖曳的。
像上面footer-wrapper並沒有看到</b:section>,但是我們展開小裝置範本後就會看到。

所以可以了解html語法是以層層包裹的型態為主,一直漸漸往外擴大,構成了一個網頁的產生,這個專有名稱稱為"巢狀結構"。

以標頭區舉例來說明,
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Google Maps (HEAD)' type='Header'/>
</b:section>
</div>

先以header-wrapper定義這個div的部份,然後裡面是放header這個網頁元素,裡面放的小裝置就是Header1,同樣的展開小裝置後才會看到結束語法,如</b:widget>。

其實這些相關語法在Blogger官方的說明裡面都有詳細的解說,
可以參考
版面配置的網頁元素標記(介紹section、widget用法)
以下兩篇較高階,建議有基礎後再來研究
版面配置的小裝置標記
版面配置資料標記

而綸太郎通常會修改這個地方,是因為下列幾項原因:
‧ 在每篇文章上放上書籤等收藏的貼紙連結
‧ 相關文章Hacks的使用
‧ 回應區,作者與網友回應顏色或字體的區別
‧ 拿掉原始模版裡的廣告或是貼紙連結
‧ 在展開文章後插入AdSense廣告碼
‧ 放上Google Analystic的程式碼(有人是以新增小工具完成,我是直接加在html裡)
‧ 加上自己設計的區塊

這篇大概到這裡完成,介紹基本架構,較詳細的細節下篇再介紹了。

延伸閱讀:
這裡有較專業的解說,大家可以參考看看
Abin's Tech Note: Template 的基本內容和結構
Blogger template模板教學課程---概說及基本結構
Blogger template模板教學課程---CSS外觀解說
blogger模版CSS語法細部介紹(上)
Blogger模版CSS語法細部介紹(下)

2008年8月20日 星期三

宅度計的娛樂效果

最近綸太郎為了臥底隱身於壓虎黑暗界,在yahoo成立了一個綸太郎的無盡藏部落格,無聊上了Yahoo搜尋一下網站收錄的結果如何? 發現部落格觀察裡面有個稱為宅度計的小工具,也有收錄在Yahoo的引擎裡,當然是因為有將網站加入部落格觀察,好奇點進去看看,看到下面的結果,



這部落格最宅關鍵字:Google AdSense



看了不由得笑了出來,心裡想說這個部落格從頭到尾都沒有提到Google AdSense,最多就是BloggerAds這個網路廣告,怎麼會和Google AdSense扯上邊,雖然綸太郎是很想放上Google AdSense來活絡網路經濟,但這小小的邪惡思想已經被黑貘老大統帥的觀察部隊看清了嗎?

真是太可怕的觀察,了解綸太郎心中打的如意算盤。

心中想說網站名稱"超準確真實部落格宅度計",到底是準還是不準,我想就慢慢觀察了。

2008年8月19日 星期二

Blogger template模板教學課程---CSS外觀解說

看過了模版基本結構的介紹,接下來先談比較重要的外觀設計,一個好的CSS設計不僅讓你的網頁更有吸引力,符合網頁標準技術的設計更能讓你的網頁在不同瀏覽器中運作正常,不會跑來跑去,我想很多人都有這經驗,逛到許多網站發現整個結構錯亂,邊欄跑到下方或是延伸到遙遠的右方(這以無名最嚴重),或是整個畫面一片空白,還要反白才能看清楚文章在寫些什麼(Yahoo有案例),或是層層疊疊,文字都堆在一起,綸太郎都忍不住罵聲「這是什麼鬼啊!」,這就是沒有做好CSS外觀設計的失敗,如果你一直堅守在某個瀏覽器(不論IE或是FF),而不肯自己作改變,設計或修改模板來適合大部份瀏覽者的需要,我想這篇文章你也可以省略,不用浪費時間看了。

首先我們大概來看整個網頁的CSS結構配置圖,如下:

blogger css
配合上圖來說明,
body(藍色):整個網頁的主體,通常不用設寬度,只要設底色,但如果有用固定背景圖,則建議要設,控制網頁的展示。

outer-wrapper(淺黃色):網頁大小layout的範圍,如果你想設計1024*768大小的模板,在此就要定義width的大小(例如width:990px;),如果你想依解析度大小彈性運用,這裡就要設百分比(如width:95%;)

header-wrapper(紅棕色):標題區塊的大小,這個網頁元素通常包含
#header這個元素及.description(網誌形容),較高階的這裡會放導覽條(menu_bar或header_menu),如下,

通常很多人會放圖片,使用網頁元素裡的標頭編輯可以插入圖片,但綸太郎建議不要這樣做,因為有時會縮減你的原始圖片,所以還是利用修改css碼來放圖片比較能放到你想放的位置,也能控制圖片大小,語法為
background: #00ffff url("圖片網址") no-repeat;
有時不能成功,試著改成
background-image: #00ffff url("圖片網址") no-repeat;
為什麼要加上#00ffff,這是標頭區的背景顏色(可自設),有時背景圖比較慢顯示或是叉燒包,至少還有背景顏色可看到,不會一片空白,或是跑出底色。
※ 如果你想將標題分成兩部份,像這篇如何將標題(頭)分兩欄,加入網頁元素的作法,那麼會有#header及#header-right兩個定義,兩者加起來就不能大於header-wrapper的寬度,否則元素會被推到下方去。

content-wrapper(橘色),包含main-wrapper+sidebar-wrapper,寬度要設好,通常都要預留邊界的空間,很多時候sidebar往下掉,就是因為寬度不夠,譬如文章裡的圖片超過post的寬度,或是sidebar裡的元件widget超過sidebar設的寬度,而這些都可以透過修改寬度來避免,或是利用overflow:hidden;來設定。

main-wrapper(綠色),主文區(#main),包含
* 文章標題(.post h3),通常會和日期(.date-header)擺一起
* 內容(.post)
* 文章相關資訊(.post-footer),如創作者(posted by)、發佈時間、意見及文章分類等,這部份很多人勾選了版面配置的網誌文章編輯,還是無法控制這些元素的出現或隱藏及移動位置,通常原因是出在你使用的模板不是官方設計的,所以更改後還是沒有效果,這時就要利用html裡面的語法來作調整,這以後再談。
* 意見區(comments)。
這裡可以加些讓文章內容格式更漂亮、更專業的元素,例如利用
blockquote,引用他人文章的區塊設計。
code,程式碼的外觀設計。
讓文字加上底線,顯示重要性。
這些透過Google查詢都可以取得相關的教學文章。

sidebar-wrapper(黃色),sidebar邊欄的配置,這裡可以放網頁元素,很多小工具widget的地方,有的模板會分兩欄或常看到的三欄式,或是綜合式(多欄)模板,這裡寬度控制更要留心,儘量讓你的widget寬度與邊線預留5px的空間。

footer-wrapper(靛青色),頁尾,通常綸太郎會放網站連結及版權宣告、模版設計來源,後台登入等資料,


可參考Blogger 新手基本技巧問答(四)說明,也有人會利用這區塊分成三欄來放網頁元素,這是比較高階的用法。

這裡常看到的定義h1、h2、h3,這些通常用來定義元素的標題大小,從h1~h6都有,常見的是,
#header h1,網站標題
.post h3,文章標題
h2.date-header,每篇文章日期的格式
.sidebar h2 ,邊欄的標題,例如最新文章、最新回應
#comments h4,意見,文章下方顯示幾則意見的文字格式。
大部分模板都是如此定義,但也有少數有自己獨特定義的型態。

另外CSS裡的元素定義名稱,每個模版都不盡相同,須靠自己判斷,尋找類似意思的名稱即可,以上為CSS外觀的結構大綱說明,細節部份等下篇再談了。
延伸閱讀:
Blogger template模板教學課程---概說及基本結構
Blogger template模板教學課程---HTML內容架構
blogger模版CSS語法細部介紹(上)
Blogger模版CSS語法細部介紹(下)

2008年8月18日 星期一

Blogger template模板教學課程---概說及基本結構

為何在Blogger架設自己的部落格一文,綸太郎說明為何選擇Blogger建立部落格,而在Blogger成立你的部落格最大的問題就是版面如何編排,功能怎麼啟用,由於原始介面簡單,雖說blogger是Google名下的服務,可結合各種資源,但很多人一聽到語法、html及css,就逃之夭夭,什麼自由度、主權掌握在我手,通通不重要,但如果你還是願意踏入這塊園地,而不懂語法及一些css的朋友,希望這系列的文章能對您有所幫助。

在Blogger經營網站一年多,雖然還有很多不足的地方,但是基本上程式碼大部分還看得懂,除了一些java script等的語法,經常改版也遇到很多版面上修改Css的難題,所以想寫下自己改版的過程,或許初入門的一級生們還是需要比較基本的認識,這是個系列文章,至於申請及後台基本設定,我想很簡單就不必再解說了。

Blogger開放模版程式碼讓網友修改是比其他家的BSP要強得多,大部分只有開放外觀修改,我以Blogger官方提供的模板Thisaway Blue來說明,



首先我們進入Blogger的後台,

在一般模版(template)中主要分兩大主體,
1、CSS,網頁的外觀,譬如字型大小、顏色、型態,外框、圖片設定等
2、HTML,網頁的結構與內容,注重版面編排位置設定,在Blogger的使用裡,是使用XHTML,比HTML更嚴謹且較簡潔也是最新的版本。

整個模板可以分成
網頁文件宣告(最上方到<head>之間)
外觀CSS設定及網站文件資訊( <head>到</head>)
內容結構HTML語法(<body>到</body>)
如下圖,

blogger template在模版最最上方就是這個網站的文件宣告,告訴瀏覽器你使用的XHTML版本及參考的文件來源。

接下來的head則是文件的標題,說明網站或是文件的相關訊息,有數種標籤可以運用,如title、meta、link,告訴瀏覽器你的網站名稱、文章標題、作者、使用的關鍵字、外部連結等等訊息,另外網址出現的小icon也是在此定義。

如果你是初學者上面這些可以不用去動他,如果想優化網站,做好SEO,這裡是有些小技巧可以運用的。

接著會列出這個模版的設計者的資訊,通常我們瀏覽到某個blogger網站,覺得版型不錯,也可透過檢視頁面原始碼,來得知模版設計者的來源,這部分建議不要刪除,尊重原創者。

/* Variable definitions,這部份就是字型及顏色、大小的設定,如果沒有這部份,那麼版面配置裡的字型與顏色也無法作用,常有人問為什麼我改了字型與顏色,都沒有產生變化,那就是因為該元素沒有定義。

從body{ 到 </head> ,這就是CSS外觀設計,這裡就是大家最頭痛的地方,怎樣讓你的版面更美,更賞心悅目,是要經過一次又一次的測試,調整顏色、距離、文字大小,設計特別的圖案顯示,都在這裡完成。

從<body>到</body>,則是HTML內容結構設計,讓每個網頁元素的排列組合符合你的要求,比如兩欄變三欄,除了多了邊欄(sidebar)的定義css,在html也是要加上相關的語法才能完成。

以下為初學者常會問的問題,整理如下,
Q&A:如果喜歡一個模版如何套用呢?
請參考Blogger 新手基本技巧問答(一)一文。
Q&A:我想要改變模版的大小?
請參考版面大小的調整一文。
Q&A:我想換標題圖片?
請參考換Banner圖片及文章標題加上圖示
Q&A:我不想全文呈現,想要文章摘要兩三行再進入全文,怎麼做呢?
建議上Google查詢”繼續閱讀”,就會有很多資料,綸太郎是使用羊男的繼續閱讀版本,每篇文章需加入語法,請參考繼續閱讀的設定
Q&A:沒有最新文章與最新回應,怎麼加上去?
請參考,新增最新文章&最新回應一文
Q&A:我想申請Blogger, 有什麼要注意的事嗎?
請參考,Blogger初入門教學彙集一文

其實如果你不那麼苛求版面設計、而以功能為主的話,以Blogger官方所提供的版面也是夠你利用的,就看看國內有名電腦玩物的部落格,就是使用基礎的版面設計,再配合功能性的修改,還是能擁有上萬戶的訂閱者,所以內容還是王道,但你以為寫的好,就隨便哪一家都行嗎?當然不行,因為在Google Blogger寫的文章,Google一定不會忘記你的,搜尋結果是比其他的Bsp效率成果要好,而要求版面設計者,現在Blogger Templates的資源真的是很多,選擇你喜歡的,再來修修改改,也是能擁有個與眾不同的版面的。
延伸閱讀:
Blogger template模板教學課程---CSS外觀解說
Blogger template模板教學課程---HTML內容架構
blogger模版CSS語法細部介紹(上)
Blogger模版CSS語法細部介紹(下)

2008年8月13日 星期三

在壓虎成立部落格對抗黑暗惡勢力


話說綸太郎有一天在江湖行走,不經意經過一間客棧,ㄟ,看看招牌,這不是名震天下、八面威風的"壓虎黑暗界"嗎?因為憑著不怕死不怕苦的精神,和可以殺死貓的好奇心,緩緩走進傳說中的黑暗世界,看看裡面是否有黑暗騎士在裡面當掌櫃,只見裡面空無一人,只是幾張桌子、椅子排列整齊等待著客倌上門,牆上還貼著,「誠徵店小二及掌櫃,待優。」


綸太郎不以為意,沒人招呼,沒啥關係,我可以自己來,畢竟也在另一家大名鼎鼎的"孤狗光明界"當過差,奇門遁甲、方位計量,拿捏的有幾分火侯,輕鬆的就找到了黑暗料理界的菜單Menu,翻到最愛吃的素食茶點,突然一驚,怎麼咱們家祖傳秘方的料理出現在這間客棧的料理名單裡,而且還不只一道,而是三、四、五六道,翻來翻去,眼都花了,向孤狗大元帥打聽一下,才發現原來這家客棧擁有獨裁的大權,將料理界一分為二,操控著半邊料理界,只有他旗下客棧們的料理,才可以享有名列黑暗菜單的殊榮,所以底下小客棧們,所進行的邪惡勾當,盜人資糧等不名譽之事,都得以掩蓋,只因為進出客棧是需要通行證的,否則有任何人遭受不白之冤、像我這等祖傳秘方被人拿去隨便料理等情事,一概申訴無門。


綸太郎遇到這等鳥事,怎能等閒視之,一氣之下在自己招牌店裡掛上了盜人資糧者,殺無赦的公告,


但想起為師有交代,『凡事不能盡如人意,但求無愧於心。』,經過一晚的思索,想得頭髮都花白,還好沒有掉下來,在沒有包青天的天下,爾等無法擊鼓鳴冤,只好想個變通之道,於是決定到"壓虎黑暗界"去當臥底,兼差做生意,當個掛羊頭買狗肉的師傅,讓咱家的美食料理也能在黑暗界出頭天,榮登天下第一味的寶座,哈哈哈。




以上文章純屬Kuso,如有雷同等情事,我想看倌們自己心裡明白,對號不對號,我也不多言,人必自重,而後人重之

綸太郎臥底的壓虎部落格:
綸太郎的無盡藏

本想把文貼在壓虎,但想可能被黑,還是放在我的blogger上吧!可不想出師未捷身先死,阿彌陀佛。這裡會收集我自己的精華文章,來對抗黑暗惡勢力。

圖片來源:
彎彎~環島簽書tour順利告終 - 無名小站

2008年8月12日 星期二

Google Sites 實際操作程序(下篇)

前幾天介紹了如何用Google Sites製作個人網站(Web Page),接著再介紹其他文件應用,包含儀表板(Dashboard)、檔案櫃、備忘錄及工作行程。

2008年8月8日 星期五

Google Sites 實際操作程序(中篇)

上次提到Google Sites的申請與外觀設定,接下來談的是Google Sites內容與應用,這部份比較複雜,綸太郎也還在學習中,希望有申請的人可以互相交流心得,由於圖文蠻多的,先談網頁內容製作(Web Page)。

2008年8月7日 星期四

試玩日系FC2 BLOG部落格


綸太郎申請了許多的部落格系統,從國內到國外,從最初的Pchome新聞台到今天的FC2日本人創建的部落格系統,網路上的新鮮物總是一再的推陳出新,就像Google Maps也有了日本實景街道的產生,讓我玩的頭都暈了,最近在寫Google Sites的分享文一直寫不出來,因為實在是太繁瑣,自己還未全部上手,索性就將他放著,玩玩別的東西吧,想太久頭是會痛的。

這個部落格由於是日系的,雖然推出中文版但一些後台介面還是會出現日文,但整體來說還不錯,可以輸入表情符號,還可以自己畫圖插入部落格裡面,就像我下面的簽名檔一樣,

表情符號還分三種,有i-mode、Ezwab和Softbank三家手機系統的圖示,真是太神奇了,大概是配合手機網頁的使用吧,因為這個部落格,是可以設定手機部落格的,這在日本人間是很普遍的手機運用,透過手機下載優惠券、付款、訂票、訂房間住宿、訂旅遊行程等等,通常透過QR Code就可以完成,真的是非常方便。

感 覺日系部落格相當的活潑可愛,FC2 Blog是日本很受歡迎且會員人數眾多的部落格系統,今天先來玩玩看,他還有各式各樣花花綠綠的計數器可申請,據說高達3000種以上,雖然正體中文部落 格最近才開放,但我想未來的日子裡,功能會更加的齊全與完整,申請的人也會越來越多吧,畢竟1G的空間大小現階段只有Blogger有提供,而且還可直接 從電腦裡插入圖片,這是我很需要的功能,不想玩連連看相簿的動作,文章還有加密的功能,而他的模板CSS和Blogger有點類似,如果習慣 blogger後台版面css修改,這裡應該很容易操作,可以修改模板的css功能是比目前許多台灣的BSP的功能強大許多,又可以放Java Script、embed等語法,很值得研究,試用過後感覺功能相當的強大,有很大的潛力,改天等我把FC2摸個清楚再來和大家分享。

如果想玩玩這個日系部落格的人,須先申請FC2 ID就可以申請FC2 BLOG。
FC2 BLOG

2008年8月4日 星期一

Google Sites 實際操作程序(上篇)

前一篇提到Google Sites的基本概念,如果有興趣使用的人可以申請這個免費架站服務,其實操作介面很簡單,但有些人對英文有障礙或是感到恐懼,所以還是把一些基本操作流程紀錄下來,讓大家能更快上手進入情況。

進入Google Sites網站,登入你的Google Accounts帳號

2008年8月3日 星期日

令人驚豔的Google Sites服務--基本介紹篇




2008.10.23更新
Google Sites已有了中文介面,稱為協作平台


最近開始玩Google Sites,先前Google Sites推出時是和Google Apps(應用服務)搭配的,由於要有自己的獨立網址才能申請,而申請網址要付10元美金,所以就一直沒有申請,最近發現Google Sites已經開放大眾使用,而且是免費的服務,所以就申請了一個來玩看看,一玩之下真是驚為天人,對我而言真的是很棒的網站服務。