能不能進入首頁時自動轉換網址?

想要請問,能不能讓別人進到blog的第一頁的時候,是我指定的網頁。比如原本進去是A.html,現在我在blogger設了一個B.html的網頁,能不能把第一頁換成B.html呢?有點類似wordpress 首頁顯示的功能


Wayne Fu
我想到的是用 js 自動轉址的方法, 例如
if (top.location == 你的首頁) {
  top.location = 你的轉址網頁
}
不曉得這是不是你要的效果?

Jimmy.W Lin
有的,在設定的地方可以設定轉址

張子房
+Wayne Fu THX~~我試試看。
+Jimmy.W Lin 可以詳細一點嗎@@?

Wayne Fu
+張子房 不用試我的方法了, +Jimmy.W Lin 說的是正解
我原以為個別頁面才能設轉址,結果測試了一下首頁也能轉址。
步驟:後台 --> 設定 --> 搜尋偏好設定 --> 自訂重新導向網址 --> 編輯

試試看吧!

Jimmy.W Lin
抱歉,用ipod無法詳細說明。
這種方式原理:原本的首頁導向還是在的(A.html),在載入時就將他轉址到B.html,簡單點說:變成進入的還是A只是快速換成B而已。
如果在Blogger(或任何BSP)想要首頁功能可能無法像傳統網頁那樣。
可以試試將首頁內容設置在頂部,載入完成時看到的畫面還是傳統網頁那樣。
或者,將原始碼重新編寫,我現在構想是這樣:利用判斷式看是否為首頁,如果是就不顯示某些東西,顯示首頁的東西。
不是的話就不顯示首頁的代碼。(我記得這可以用官方代碼完成,不需要用到JS)

張子房
+Wayne Fu  成功了!謝謝!原來還蠻簡單的。測試如下︰
原︰housescheung.blogspot.com
現︰http://housescheung.blogspot.com/p/blog-page_6.html

Jimmy.W Lin
http://extra-ivythemes.blogspot.tw/
找到這個範例符合我所說的,首頁情況顯示,非首頁不顯示。

Wayne Fu
+Jimmy.W Lin 你的網頁換的很炫喔,  請問那是套範本, 還是改出來的啊?
相關文章我滿喜歡這樣的效果,有文摘訪客比較容易點閱,我想我下一版要改成這種格式

Jimmy.W Lin
+Wayne Fu  都有...原本的範本沒有些東西,慢慢改的

blogger 版型討論

批踢踢 BLOG 這幾天出現了一篇「求薦部落格」的文章,內容提到關於blogger 版型太陽春,可能是對 blogger 不夠了解及深入研究的關係。

其實blogger的版型是很多樣化的,推薦 http://btemplates.com/ 。
這個網站雖然是英文,但其實應該滿好瞭解,可以透過自己的需求(例如:兩欄式、三欄式;網誌類型;主要顏色等)選擇自己喜愛的版型。

選擇好後將其下載,便可直接套用到 blogger 上,立刻就會煥然一新啦~
使用教學網址:http://sofree.cc/blogger-template/

其他類似網站:
http://www.blogcrowds.com/resources/blogger-templates/
http://www.deluxetemplates.net/
http://www.dzignine.com/ 

這些提供版型的網站都很適合剛接觸 blogger 卻還不熟悉如何自己動手修改版型的朋友~

最後提醒,任何版型修改都有風險,建議要先備份。


冼家緡(Leo Sin)
有沒有"求薦部落格"的頁面?

Almighty Demiurge
很多問推薦網誌的網友,他們本身就不太適合孤狗的網誌系統。
他們完全沒寫功課,就只是等別人奉上東西啊。

Shu-Yuan Tien
http://www.ptt.cc/bbs/Blog/M.1356536066.A.01D.html
就是像這樣~

莊小示
對婚紗攝影師說:我想要那樣的感覺,但我不要在那裡拍
對朋友說我想要那個站的感覺,但那好複雜,Blogger做不做得到?

Cindy Chen
把版型套上去,若要留小工具,通常版面設計會被破壞掉...我試了N遍了...如果不留小工具,似乎沒什麼大問題...
-----------------------------------------------------------------
其實我覺得那些人的想法挺有趣的阿,這不就是使用者嗎?知識家本來就是讓人去發問或解答的,他有沒有爬文那是他的問題,但知識家建立的主要目的並不是讓人去爬文吧?重點還是態度吧~無論他今天有沒有做功課,態度不好,跟他應對的人自然感覺不好。
一個東西設計出來,主要的目的是讓人使用他,而不是讓人看了一堆說明去學習他... (當然也可以選擇學會他,但這不是工具的主要目的)  
個人感想囉~

Jimmy.W Lin
+Cindy Chen 工具就是要好使用,好上手。這點我十分同意
但是,要看是哪些功能上好上手。以系統為例,大家都會移游標,都會開啟遊戲,這都是很簡單的事情。系統調較&登錄檔的數值,這是屬於深入型的功能,自然就不會好上手,好使用。
套用到部落格上...寫文章&換個照片 大家都做的到,加入官方小工具都很簡單,滑鼠點下,鍵盤敲下都用得出來。這是屬於簡單功能類。
部落格版型&想要的功能而官方並沒有,這得靠寫代碼完成。這就是深入型功能。
Blogger很好上手,因為你直接可以寫文章,不像WordPress還得找伺服器,擔心有的沒的。
Blogger深入型功能介面真得很不友善...
Blogger Templates
Free Blogger Templates for your Blog. Blogger Templates for free and direct download in xml. Layouts...

手機原生程式跟經過封裝的web網頁,流暢度多少會有差別

轉貼這一篇主要是因為在這個討論串 (https://plus.google.com/107674914638426464674/posts/T9Xuk6yMHmo),
+cindy chen 提到 "手機原生程式跟經過封裝的web網頁,流暢度多少會有差別,這也可能是「是為不同的設備提供不同的網頁」的原因之一".

這篇文章內容在敘述歐巴馬募款網站的工程師,為了因應增加募款速度的目的,做出一系列「如何讓網頁載入最速化」的措施,其中一點提到「有23%的訪客使用行動設備,所以必須部署多種前端(Web端和行動端)」,這應該能作為一個佐證,除了「自適應網頁設計」之外,仍然必須「為不同的設備(Web端或行動端)提供不同的網頁內容」。

雖然我們的網站環境跟這個專門目的的網站環境不同,不過把這篇文章當作故事讀也滿有意思的,看到專業工程師對網站優化的考量,從這篇文章也能思考一些東西,例如"我們是否也要優化網頁載入速度以留住訪客?"、"我們網頁有哪些部分是可以改成較快載入速度的展現方式?"  等等。



Jimmy.W Lin
以BLOGGER來說,重點應該在於是否過度肥大。圖片有Picasa,伺服有BLOGGER,從傳統網站來看,這十分優秀。
我認為從JavaScript 優化與非GOOGLE資源的優化對傳統網站的角度有很大的幫助。

冼家緡(Leo Sin)
PICASA只能解決肥大引起的空間不足問題, 但解決不了用戶體驗, 這是文中第5點的訊息. 我"個人認為"`對BLOGGER來說, 在技術層面應該是介面處理 SEO 和 SMM

Cindy Chen
速度固然會影響到大家的使用意願,但若差距不大,使用者體驗想留住訪客,朝「介面」這個部分下手或許是個不錯的選擇。
這個東西是不是「好用」,對於沒有興趣、或非專業人員來說,通常不是取決於它的功能是否強大,而是容不容易上手。也就是現在大家常常在強調的User Friendly。
(其實我覺得Blogger功能方便又強大,但不好用啊.....)
顯示較少

Wayne Fu
+Jimmy.W Lin 我記得您對 "JavaScript 優化與非GOOGLE資源的優化" 有研究,要不要貼文分享一下心得啊。
+Cindy Chen 以「內容」與「速度」兩者相比,google比較看重內容, 所以速度非首要考量沒錯. 而先顧完 "內容" 後,如果也能再來處理 "速度" 及 "使用者介面",那就是 100 分了。

您說的「Blogger功能方便又強大,但不好用啊...」,不妨提出來說說看,blogger社群的目的就是大家集思來試著解決他不好的地方啊~
閱讀完整內容

Jimmy.W Lin
因為早上是用ipod,所以沒能講明白。
先前我說到"傳統網站",但我認為新式網站應該以簡潔&減少多次瀏覽的需要載入量&善用G資源,來獲得最佳效果。
簡潔:當然是別加入太多無關緊要的東西,EX.大量的友站圖片等
2.:這是技術層面,像AJAX等技術應多加運用
善用G資源:減少東西從別的伺服載入,即使都是G服務(Sites & Code Project),也還是盡量的使用Blogger伺服。


Wayne Fu
+Jimmy.W Lin 謝謝分享, 稍微歸納一下:

第 1 點減少不必要的載入滿不錯的, 我們可以檢視自己的部落格側邊欄哪些才是必要的工具。舉的例子我猜是指「網誌清單」這樣的小工具不必列出最新文章的縮圖吧?
第 2 點我也滿贊同的, 使用官方原生的工具或是使用 hack 修改, 使用google 工具(例如試算表), 盡量避免使用 blogger 以外的外掛, 例如 fb、disqus等外部留言板, 因為連外部伺服器總是沒有google自己家的伺服器來得穩定.

冼家緡(Leo Sin)
我也想了解大家覺得哪些事方不好用+1

Cindy Chen
個人想法是這樣的...
這可能是個感覺,你沒辦法明確指出"就是哪裡不好",因為好不好可能取決於整體的感受,而且每個人可能不同。不妨朝著大家會常看的功能教學部分來想,如果是一個夠直觀的介面,是不是就不需要教學這東西了?
一個理想的介面,應該是「看到他就知道自己該怎麼做」,就像你到了發表文章的頁面,就知道標題該填哪、內容該填哪...等等。
舉個例子,如果今天我不知道google是使用「標籤」來分類的人,當我想做文章分類的時候,是否就會很困惑?
我記得開始想使用Blogger的時候,很多功能讓我找東找西的...有種"這功能到底在哪裡?"的感覺...

Wayne Fu
+Cindy Chen 瞭解您的意思, 感覺 google 不是很注重 blogger 這一塊的經營,提供的資源不少,但很多東西要使用者自己去摸索;提供的工具很多,但使用者要自己想辦法去讀官方原文說明、自己把 code 寫出來。
歐巴馬募款網站的製作過程
Kyle Rush是一個網站工程師。2011年6月,他加入BarackObama.com,負責設計2012美國大選的歐巴馬官網。...

在 Blogger 文章中標出 Google+ 的朋友吧!

Blogger 官方推出新功能,當在撰寫blog文章需要提到人名時,可直接使用google+的標籤,但使用的前提是,必須先將 blogger 與 google+ 連結後才能使用此功能。


莊小示 這篇超讚! M起來!

Wayne Fu 有發文時也換我來玩玩這個控制碼功能~

莊小示 用慣 IntelliSense 的人看到這功能一定非常開心.

補充一下HTML的寫法如下
<a class="g-profile" href="https://plus.google.com/104830429551806592903" target="_blank">+莊小示</a><br />
Wayne Fu 換我來玩控制碼, +Mark X +莊小示 +Chien Yu 請在這裡尋找你們的控制碼:http://wayne-fu.blogspot.tw/2012/04/blogger-trick.html

+Shu-Yuan Tien 在這兒 http://wayne-fu.blogspot.tw/2012/12/blogger.html

Mark X  現在玩"失物招領"嗎? 哈哈!
新功能好棒! 我應該快把高AP的G+用戶寫進文章裡. XD

Wayne Fu 好玩吧~ 不過您這招的確夠心機,如果我文章常常說看 +Lady Gaga 演唱會,這樣有沒有加分作用?

Mark X  好像不適用, 您在meta描述裡不是這個方向的內容. (我不確定, 要請教專家)

Waterbee Chang (瓦特比)  整合 Blogger 和 Google+ 有個缺點,部落格張貼者名稱會變成 G+ 的全名,而無法保留原先的暱稱。

大家有推薦什麼可以在平板上寫 Blogger 的好工具嗎?



https://plus.google.com/+Blogger/posts/jJT3LMH73FE

Blogger 的 iPhone iPad App 推出更新。不知道大家有推薦什麼可以在平板上寫 Blogger 的好工具嗎?


部落格與IE8以下的IE版本無法兼容

【我有問題】... 剛幫部落格改版完成,卻發現與IE8以下的IE版本無法兼容。請問我應該改寫程式碼或者另選版型嗎?


Mark X: 奇怪? 我看到的卻是和IE7相容.
<head>底下加上試看.
<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible"/>

Almighty Demiurge: 痞客公告將不支援微軟瀏覽器第八版以下的版本,或許你可以直接寫個公告比照辦理。 XD

Wayne Fu: 我也是很明白地在導覽列直接公告「IE8請升級」

Ad Fan (廣告小妹): 這個主意不錯 :D(感恩)。Pixnet越來越跩了~ 我欣賞!

blogger 使用中文字型

關於 blogger 使用中文字型.  以下是個人經驗分享
 http://www.justfont.com

我不想幫打廣告,但也不是想說他們壞話
主要還是支援性的問題.

以 http://cogsoz.blogspot.tw/   為例 我有做一個範例。

你如果是使用 第一版的傳統範本 那這很適合你.

如果你想試試可以參考
http://www.justfont.com/docs/13/
http://www.justfont.com/how/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E4%B8%AD%E6%96%87%E7%B6%B2%E8%B7%AF%E5%AD%97%E5%9E%8B
--

但如果是第二版blogger、第三版blogger(動態檢視) 可能就不太適合. 
並不是說不能做到. 我覺得對於blogger這個產品定位 想做到中文字形變換要改的CSS實在太多. 對新手來說很吃力. (之後會陸續分享作法) 也歡迎跟我討論.


Wayne Fu: 其實我覺得很神奇,中文字形不是要載入很久(檔案大)?他能夠快速顯示特殊中文字型的原理不知是什麼。

莊小示: 這間公司的策略是中文字形用演算的

1.先派機器人撈你的部落格把字抽回去
2.只指派你文章中有的字才給予字形字體資料
3.來回還可以衝流量唷(燦笑)

沈岱緯: 如果免費版可以不要那個logo就更完美了

Wayne Fu: 不曉得改那個 logo 的 css 會不會怎樣. 因為我沒用,所以請自己嘗試...
justfont 華文最大中文網頁字型服務,精選高品質信黑體字型,品味最時尚頂尖的字體服務
justfont就是字,提供高品質中文字型,包含最時尚的信黑體、經典古籍復刻浙江民間書刻體等字型,也提供線上購買服務...

Blogger 最新回應+留言者頭像+文章標題

由於 +Almighty Demiurge 於討論串 http://ppt.cc/FcJ4 提及官方留言外掛,及最近發現有些人的官方留言小工具故障,在尋找新的替代方案中,因此若還沒用過下面這個小工具的成員可以參考一下,它的特點有:

1. 最新回應能顯示各種身份的留言者頭像、文章標題。
2. 留言收合非常方便。
3. 已被刪除內容的留言,會顯示「作者已經移除這則留言」。
4. 若某則留言的文章被刪除,則會顯示「文章已刪除」字樣,提醒站長到後台去把該則留言給刪了。
Blogger 最新回應+留言者頭像+文章標題
讓 Blogger 的最新回應小工具,能夠顯示留言者頭像(可自訂形狀、尺寸),及顯示文章標題。...

簡單 CSS 特效按鈕

貼個適合我程度的簡單 CSS 特效按鈕,不用思考只要複製貼上就能使用,高手請忍耐一下~

程式碼來源在此:http://imshanks.com/fresh-button-only-css/

不過該網頁只提供了 CSS 程式碼,所以我加了 HTML 當作 DEMO,請見程式碼展示網頁:http://codepen.io/WFU/pen/yHAhJ

使用很簡單:

1. 想用哪一個按鈕,就在 HTML 區複製那個按鈕的程式碼,把 "button" 改成別的文字就可自訂按鈕文字;把 "#" 改成自己要的超連結;從 grey、blue、red、green 這幾個字可以判斷出是哪一個按鈕。

2. 把 CSS 區的程式碼複製到部落格的 CSS 區段,或 <style> ... </style> 這個區間即可。熟 CSS 可以自己調整裡面的參數。

【Blogger】新增 Plurk 分享按鈕



快速將 Blogger 文章分享至 Plurk 的小小 hack :P

http://note.drx.tw/2012/05/bloggeradd-button-of-share-to-plurk.html

讓自己的動態檢視功能(Dynamic Views)更有特色

我很喜歡Blogger動態檢視功能(Dynamic Views)

讓自己的動態檢視功能(Dynamic Views)更有特色.

以下是我之前用過的. 給大家參考.
#header .header-bar {
background-color: transparent /* header-bar透明背景 */; 
}

.publish-info{
visibility:hidden;display:none /* publish-info功能隱藏 */;
}

自訂修改讓Blogger隱藏其他的控制霸功能
.share-controls {
visibility:hidden;display:none /* 動態展示控制霸功能隱藏 */;
}

串聯式留言──作者設置高亮



串聯式留言──作者設置高亮:Blogger 的新版串聯式留言,雖然幫作者留言區加了一個 logo ,但不仔細看還是無法直覺的辨認出留言者與作者。這個 hack 可讓作者留言區加上自訂底色,看起來不但清楚且美觀許多,非常建議安裝。

http://www.southernspeakers.net/2012/01/highlight-author-comment-in-bloggers.html

部落格文字+各種底線圖案

以文字內容為主的部落格,先天上吸引目光的能力已經輸旅遊、美食、攝影等以圖片為主的部落格一大截,如果整篇文章都是密密麻麻的文字,那麼再有深度的內容,也會如同嚴肅的講課內容一般,讓人昏昏欲睡。

參考這篇文章的方法後,使用 CSS 及一點簡單的語法就能幫文字加上各種顏色的底線圖案,讓文章的可看性大大加分。

Ad Fan (廣告小妹): 文字為主的部落格真的比較難寫(還好我都借用別人現成的廣告來充數)... 我真是個天才小神童(驕傲)~

Wayne Fu: 這招我真的要學,文字穿插圖片效果很棒。但很多部落格根本在文章中穿插放不相關的美女圖,大家還是買單....

Ad Fan (廣告小妹): 美女圖就是讚啊!(不然雨狗是怎麼紅的...)*小聲說*
[教學]讓網頁文字使用各種底線圖案__(1) 安裝與使用 (CSS 技巧)
如果整篇文章都是密密麻麻的文字,那麼再有深度的內容,也會讓人昏昏欲睡。本文的程式碼,可幫重點文字加上各種不同的底色圖案,讓文章內容大大加分。...