2010年5月23日 星期日

BTemplates-設計給Blogger的板型/範本網站

http://blogger-script-study.blogspot.tw/2010/05/blogger-template.html

介紹一個專門給 Blogger 的使用者下載範本的網站-BTemplates,這個網站收集了各式各樣 Blogger 的範本(template),讓 Blogger 的玩家有個多采多姿的網頁。它還很細心的把範本都分門別類好了,可以按照欄數來選擇(單欄、二欄、三欄、四欄),也可以按照樣式來選擇(從Wordpress轉過來的、給喜歡精緻的你用的部落格(Elegant)、給雜誌部落格用的(Magzine)、給相片部落格用的(Photolog)…),也可以用顏色來區分,還可以用側邊欄在左邊或右邊來區分...等。

  • 名稱:BTemplates
  • 網址:http://btemplates.com/
  • 適用部落格平台(BSP):Google Blogger
  • 使用語言:英文

操作步驟:

1. 進到 Btemplates 首頁,左手邊的主欄位就是可以下載的範本,中間有個分類欄位(Cloumns, Styles)可以讓你根據自己的喜好來篩選範本,右邊的應該是廣告吧!

2. 假設我們先選擇這個【Green City】的範本(template)來當作示範好了。建議先點擊它的圖示進入下一個畫面。
blogger_templates01s

3. 這裡可以有比較大的圖示可以讓你瞭解這個範本的樣子,如果還是覺得不夠真實,可以點選【Live demo】 實際查看套用範本後的網頁樣子。如果滿意的話,就可以點選【Download】。基本上下載回來檔案為壓檔,你必須先解壓縮,解完壓縮後會看到一個【Green-city】的資料夾,範本就在其資料夾下面,會有一個 .XML 附檔名的檔案。
blogger_templates02

4. 打開 Blogger 的後台(要先登入喔!),點選【版面配置】→【修改HTML】→【下載完整範本】,先備份原來的範本。然後點選【瀏覽...】找到剛剛解壓縮的 Green-city.xml 檔案,然後點選【上載】。 不會進入Blogger後台?先參考一下這一篇 Blogger template (板型)修改注意事項
blogger_templates03

5. 上載完成後,有時候會出現一些小問題,可以選擇【保留小工具】,就可以完成上載了。也可以選擇【刪除小工具】那麼這編列出來的小工具就會消失。點【取消】就是取消範本的上載,也就是不變。
blogger_templates04

6. 上載完成後就會出現這個畫面,點【檢視網誌】就可以看到新的範本已經套用了。
 blogger_templates05

7. 完成了。這就是新範本套用後的樣子,跟你預期的一樣嗎?不滿意的話還可以依照前面的步驟把舊的範本換回來。 不過要小心,有一些後來加上去的【小工具】可能會不見,建議在 Blogger 開設之初就把板型設定好,免得以後麻煩。
blogger_templates06


回到 Blogger 部落格技巧總整理

9 則留言:

亞麻色 提到...

站長你好~我是最近剛申請blogger的路人
想請教一下關於下載版型的修改
(你寫的blogger教學整理的好用心~)

我下載版型也成功的套用上去了,
例如這個版型↓
http://btemplates.com/2012/blogger-template-simplemagazine/demo/

最上面的連結(home about..等等)
是不是沒有辦法去修改的呢?

還是必須要在記事本裡先修改他的CSS otz

工作熊 提到...

亞麻地;
Blogspot的板型都是可以更改的,只是有些可能需要自己進去後臺然後【修改HTML】,而不是有更改小工具進去更改。自己先玩看看,如果還是不行再留言討論。

彭石頭 提到...

妳好~我是最近才開始使用的~
現在使用的BIOG他的後台和你所介紹的
有所不同~
可能是有改版吧@@
但是重點是
他現在的後台 我找不到可以上傳的欄位

我切換到傳統的貨是現在新版的後台
我都找不到
不知道是我不清楚
還是他現在無法上傳了?

工作熊 提到...

彭石頭;
參考一下這個網頁 http://blogger-script-study.blogspot.tw/2013/04/blogspot-template_24.htm
,然後選用範本備份及復原就可以了。

ken chen 提到...

你好,我和彭石头面对的问题是一样的。你所提供的网页 http://blogger-script-study.blogspot.tw/2013/04/blogspot-template_24.htm无法读取。

谢谢

工作熊 提到...

Ken chen;
網址少了最後一個字
http://blogger-script-study.blogspot.tw/2013/04/blogspot-template_24.html
再試一次看看。

Ray Payton 提到...

這是我下載的btemplates模板
http://btemplates.com/2012/blogger-template-carzilla/

我把他套用到我的Blogger
這是我提問的兩個點(GOOGLE+圖片顯示)
https://plus.google.com/u/0/

這是我專屬的BLOGGER網頁http://swagnice.blogspot.tw/#

希望熊大~能幫幫我^^~~

工作熊 提到...

Ray Payton;
對不起,你的Goolge+的網址不對,所以不知道你的問題為何?

Ray Payton 提到...

上面連結列用紅色框起來的地方 功能好像不能使用!
下面的跑車幻燈影片 好像也不能修改圖片和操作!

免空圖片
http://miupix.cc/pm-KZGHJJ

Related Posts Plugin for WordPress, Blogger...