Josh’s note

設計精美的Template

在我打算替Josh’s Note換新裝後,因為Neo有幾點我不怎麼喜歡,原作Ramani為了讓Neo的速度加快,所以拿掉了一些會影響讀取速度的Tag,例如文章的Label,讓我不得不放棄套用Neo的這個念頭,所以我只好再度將Google大神請出來,而且也找到了幾個專門在設計Blogger Template的網站,其中又以Dzelque的設計我比較喜歡。

自己搞一個Template是很累人的,因為我曾經試過,之前所用的Template就是自己作出來的,這次真的沒那個心力了,所以決定用別人的,我所選的是DzelqueBlogger Template: ilike,這個Template正如其名“I Like”,因為原作者自己也套用了,而且它那小小的Header區塊也正合我意,當然就決定用了。

Dzelque的設計有一地方很週到,他會在Template中預留區塊給你放AdSense,看看他其他的設計就知道,這一點我就滿喜歡的。

Blogger Template: ilike有幾個特點:

  1. 窄窄的Header區塊
  2. 在Header區塊旁預留放置Search Bar的區塊
  3. 在Header上方有一個Linkbar的區塊,可以放置Link或是Label
  4. Header和Content之間預留一個可以放置橫幅AdSense的區塊

光是上面這幾點,在整個頁面的空間就會省下不少了,尤其是那個Linkbar,因為我所用的Label不多,於是決定捨棄Label Cloud,將Label移到Linkbar中,至於Link則用下拉式選單來承現,載入速度跟之前比起來快了不少。

Dzelque設計了三、四十種的Template,建議各位到那去看看,或許也能找到你所喜歡的喔!

一月 26, 2008 Posted by | Blog Note, Template | 發表留言

非常艷麗的Templates:FinalSense.com

偶然在老男人的令人驚豔,免費的Blog模版那裡看到他所介紹的這個網站Finalsense.com,發現這個網站所提供的Blogger Templates還真不是普通的漂亮,而且所有的Templates都可以直接套用,像我在Josh’s Lifetags就直接套用了Sunset這一個Template,而Finalsense.com所提供的Template每一個都很賞心悅目,例如下圖的Coffee Cup:

當然漂亮的不只這一個,實在是太多了,我也就不一一列出,讓各位自行去挖寶吧。

五月 24, 2007 Posted by | Template, Website | 7 則迴響

Hackosphere: Neo for everyone!

今年一月份我才正式接觸到Blogger,當初在網路上到處尋找適合的Blogger Template時,在Hackosphere那看到他的Template時,就覺得很棒,Hackosphere的Template是利用AJAX進行頁面的讀取,而原作者Ramani還以US$10來販售這個Blogger Template。

而我剛才完成Template的更換就到處逛逛,當逛Hackosphere時,發現Ramani已經將這個Template釋出提供下載,有興趣試試這個速度非常之快的Template者,可以套套看。

Hackosphere: Neo for everyone!

五月 3, 2007 Posted by | Template, Website | 2 則迴響

Template更換完成

終於將自己設計的Template套上了,這個Template和前二次改版不同的地方,就是我將Header從最上方收到Sidebar的上方,因為Sidebar多了一個Header,空間會變得不夠,所以我將Footer分割為三個區塊,這三個區塊正好可以放置“最新文章“、“Label Cloud“、“最新意見”。

此外為了整個版面的整齊,便將AJAX Label拿掉,但又怕“最新文章“、“Label Cloud“、“最新意見”會有人找不到,於是參考了這一篇,在頁面左邊加入了Navigation Icon,這樣就能快速捲動到Footer的那三個區塊,搞到現在有點累了,過幾天再把檔案丟上來。

五月 2, 2007 Posted by | Blog Note, Design, Template | 發表留言

有Web 2.0味道的Template

當你聽到Web 2.0的時候,第一個想到的是什麼?我第一個想到的是「圓角」。

Rounder原本是二欄式Template,Hoctro’s Place將它改為三欄式,並提供下載,一共有四款。


Rounder #1:

Rounder #2:

Rounder #3:

Rounder #4:

喜歡這四款Template嗎?到這裡下載來使用吧。

二月 17, 2007 Posted by | Template | 2 則迴響

可以變換CSS樣式的template

以往在template的CSS樣式大多是固定的,如果要改變也需要手動修改,PurpleMoggy利用JS做出可即時更換CSS樣式,但是需要事先準備好相對的CSS文件,過程也很繁鎖。

現在作者自行釋出現成的xml提供下載,一共有12種。而每一個template還內建三種不用的方式(Link、Radio、Select),來做為改變CSS樣式的方法,只要選擇其中一種並把其他二種刪除即可。另作作者也提供了他的JS,按這裡下載。

原文:Pre-made Theme Switching Templates

Demo為template的展示。
1) Minima Stretch

2) Minima

3) Stretch Denim

4) Denim

5) Rounders

6) Herbert Jellyfish

7) No. 897 & 565

8) Thisaway

9) Snapshot

10) Moto

11) TicTac

12) Dots

二月 11, 2007 Posted by | Template | 發表留言

Blogger Template :Gadget 1.0 大版面版本

Gadget 1.0是從羊男那拿到的,有興趣使用原本版本的可以去他那下載。

而我這個版本有稍做修改一下。

  1. 原來版面寬度由785 px改為930 px
  2. 把原先Read More的功能拿掉,改用阿土伯的擴充 Blogger 功能: jQuery way!內多合一程式
  3. sidebar原先只有一寬二窄,再增加一個寬欄位
  4. 原本Gadget 1.0所加入的功除Read More外全部保留(Peek-A-Boo Nav Bar、Peek-A-Boo Archive & Label Post、 Via Links、Labels as breadcrumb)
  5. 下載請按這裡(右鍵、另存新檔)
  6. Without jQuery版本,下載請按這裡(右鍵、另存新檔)–2/9新增

UPDATA 2/9
另外再提供另一版本,去掉去阿土伯的多合一jQuery,改用HackosphereExpandable posts with Peekaboo view
使用方法:將想隱藏的段落放於<span id="fullpost">和</span>之間

二月 5, 2007 Posted by | Template | 3 則迴響

預計將樣板更改為Gadget 1.0

這幾天把之前從羊男那裡得到的Gadget 1.0的樣板,稍做更改,預計週日會做更換。

之前之所以不用這個樣板的原因,就是Gadget 1.0的版面寬度只有785 px,不然說真的,我滿喜歡這個樣板的,所以我特地把版面寬度給增加為930 px,而原本的Sidebar是只有一寬二窄,我特地在下面再加入一個寬的欄位,以上……看圖吧。

二月 1, 2007 Posted by | Blog Note, Template | 發表留言

Blogger.com樣板補完計劃

逛過不少Blog,也看到不少的好樣版,每次看到好束西總會想留下來,有空來套套看,結果我現在的樣版一改再改,怕自己把樣板套上去後,之前有改過的地方還要再全部動一次。
現在全部放上來,大家有空幫忙套套看,心得交流一下。

UPDATE:因原作者要求,已將連結取下,請自行前往原作者Blog下載

  • MinimaMinima
  • StretchMinima
  • BlueMinima
  • Blue StretchMinima
  • DarkMinima
  • Dark StretchMinima
  • OchreMinima
  • Ochre Stretch(以上由Hoctro’s Place提供,請自行前往下載

  • hacked-minima 3-column Minima
  • hacked-scribe 3-column Denim
  • 3-column Dotsdark

    UpData:1/27
    新增3-column Dotsdark,來源:Hackosphere,請自行前往下載

  • template-andreas04(以上來源已忘記,在此向原作者說聲抱歉,原作者GeckoAndFly.com,由Blogcrowds.com修改為Blogger版本)

  • Harbor
  • Rounders
  • Rounders 2
  • Rounders 3
  • Rounders 4
  • Scribe
  • Herbert
  • Jellyfish
  • Sand Dollar
  • Tekka
  • 565
  • 897
  • Dots
  • Dots Dark
  • Denim
  • Denim Light
  • Denim Washed

updata:1/27
以上來源為Blogcrowds.com,請自行前往下載

如果各位有上面所沒列到的樣板,也歡迎提供來源,我將補上,謝謝。

一月 26, 2007 Posted by | Template | 2 則迴響

選擇你想要的樣板

Blogger的樣板格式很多樣,而我選用的是三欄位的格式,下列Blog中均有三欄位樣板的介紹

我選擇用羊男實驗の咖啡館所提供的BlackCat 2.0 FinalTune

這個樣板內附的功能如下:

1、Peek-A-Boo Nav Bar


2、Peek-A-Boo Archive & Label Post


3、Read More
要讓Read More的功能有用,需要在文章中加入

<span class="fullpost">…</span>

“…”內就是你想要隱藏的文章內

4、Via Links


要使這個功能有作用,需先至控制主頁–>設定–>意見


將“上一頁聯結”的選項設為顯示


5、Labels as breadcrumb


樣板的選好後,要到控制主頁–>範本–>修改 HTML


選擇欲套用在Blog上的樣板檔案並上傳,我的Blog換了全新的面貌

延伸閱讀:
Read More功能強化版
Blogger.com樣板補完計劃

一月 20, 2007 Posted by | Template, Tutorials | 3 則迴響