v 藝廊式的部落格模板(Blogger templates) >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

2009年12月28日 星期一

藝廊式的部落格模板(Blogger templates)


最近看到一個很不錯的模板(Blogger Templates),結合雜誌型與圖片展覽型的模板型態,方便利用,有興趣的朋友可以試用看看。

網頁:Ferias Blogger Template - BTemplates
展示網頁
下載網頁

這個模版有幾項特色,
1、雜誌型的模板,首頁的文章圖片自動縮小

這是使用JavaScript Hacks製作出來的效果,因為都是針對英文字作設計,所以受限於中文字的字數,有些文章縮寫字數不一定符合要求。
如何設定字數,找到以下的語法,加以修改即可。
summary_noimg = 440; 沒有圖片的摘要字數
summary_img = 360; 有圖片的摘要字數
img_thumb_height = 140; 圖片的高度
img_thumb_width = 140; 圖片的寬度

如果有裝這個Hacks,你先前的繼續閱讀功能會失效,會以這個的設定為主,所以通常字數我都會設很小,例如設
summary_noimg = 100;
summary_img = 80;

2、標頭區可安裝廣告(468*60)

一開始安裝,你會發現版面上多了一個160*600的廣告,這是安裝在標題右側的廣告位置,你可已在後台小工具找到AdSense這個設定,將它改成468*60的格式即可配合整個版面的設計,或是移除,放置其他的小工具,這個區位的定義是#header-right。

3、標頭區下方有圖片展示空間,替換圖片容易


之前綸太郎有在在部落格下方加個雜誌版型的圖文導覽列這篇文章裡提到怎樣設定長條型圖片展示,增加部落格的吸引力,

而這個作者用了更方便的方式,我們只要編輯後台上方標題為"Lorem ipsum dolor"那四個小工具的設定,就可以隨時替換圖片與連結,而不用到html去修改。

後台設定小工具,



完成後的模樣,


4、意見回應區作者頭像的設定,無法正確顯示


由於這個模版製作時應該是沒有考慮到現在Blogger官方已經釋出頭像顯示的功能,所以你如果設定意見區頭像要顯示,格式上會有些錯亂,所以想使用這個模版,目前設定最好是設成不顯示大頭,算是這個模版最大的缺點,我有試著修正過,但是無法成功。

5、相關文章功能(Related Posts)


這個模版很貼心,已經設計好相關文章的列表顯示,會以相同標籤的文章為基準。

以上就是這個模版的介紹,算是多功能性的模板設計,熟悉模板配置的朋友,可以試用看看。

26 則留言 :

  1. 謝謝你的分享,這個真的很棒耶!但是還是想請教一下,如果我想把文章的背景變色要找哪個標籤?我在後台找到的是網頁的背景,但是我想變的是文章的背景色~感謝你的指導^^

    回覆刪除
  2. 你在修改範本,找到
    .post {

    在其中加入
    background: #??????;
    你要的顏色即可

    回覆刪除
  3. To自然捲小姐,文章的背景請找到
    .caixa這個定義,有兩個,他的背景色是以圖案顯示,兩個都要改,設計者可能有點重複設計,
    background: #fff url(http://3.bp.blogspot.com/_YGpl3rQPSzI/SuTk6g46QKI/AAAAAAAAOwM/A5eOZOiYARo/s1600/post.png) repeat-x top left;
    你把語法改成用顏色顯示的即可。

    回覆刪除
  4. 這模組很好看,可惜有些缺陷會讓我不敢用>"<

    回覆刪除
  5. To 小龍,新年快樂,其實大部分的模板都有缺點,就看自己的接受程度,或許以後還有更好的,看到好的,再介紹給大家。

    回覆刪除
  6. 這個版模蠻不錯的!可以把那四張圖拿掉嗎?
    就是不顯示那4張圖片!網站標題下來就是直接文章!可以嗎?

    回覆刪除
  7. 其實如果要這樣做,那這模版就失去它的特色了,找到header-bottom相關的語法把它拿掉即可。

    回覆刪除
  8. 那個位置不曉得要放什麼照片所以想說把它弄掉還是隱藏掉比較好!

    回覆刪除
  9. background: #fff url(http://3.bp.blogspot.com/_YGpl3rQPSzI/SuTk6g46QKI/AAAAAAAAOwM/A5eOZOiYARo/s1600/post.png) repeat-x top left;
    你把語法改成用顏色顯示的即可。

    請問如果我要黑色是不是就變成:
    background: #ffffff repeat-x top left;

    因為我試了但是沒什麼反應,所以再教你一次^^
    再請教一下文章內文字體的顏色我要找哪個標籤?

    非常的感謝你

    回覆刪除
  10. 黑色的色碼是#000000;白色才是#ffffff
    所以你直接用
    background: #000000;
    這樣就行了,你的底色就會是黑的了。

    文章內文字體應該是
    .post-body {
    這個敘述你加上顏色碼即可,例如
    color: ##0000FF;
    這是藍色

    回覆刪除
  11. 版主您好,我有使用您推薦的這個版型唷!很喜歡~也在這裡潛水一陣子,學了不少玩blogger的方法,謝謝版大分享!
    但是有個東西,我一直改不出來,就是版型原本就有read more>>的按鈕,但原本內建的「繼續閱讀」也會同時出現,要怎樣把內建的部分刪掉呢?

    還有就是留言的時間,好像跟台灣的時間不太一樣,請問這部份要怎樣改設定呢?

    真的很謝謝您,拜託您解答唷!

    回覆刪除
  12. 你應該是用新版編輯器吧,如果要套用的話,應該就要用舊版的,所以目前只能進去每篇文章把相關的語法刪除,記得好像是<!--more--> 但要謹慎使用,如果下次你要用官方的就要再將語法重新加入,有點麻煩,記得備份,如果改壞了還可以恢復,因為我沒有使用新版編輯器,就要請你自己測試了。

    回覆刪除
  13. 留言時間如果是問時區不同,在後台→設定→格式→時區,改成台北即可。

    回覆刪除
  14. 謝謝板主回答,時區的部份已經正常了!我現在把官方的繼續閱讀換成「...」,因為刪除語法之後又要加入實在有點麻煩,先這樣頂一下!

    回覆刪除
  15. 版大您好!我是看了你的部落格才發現
    Google的部落格很好玩
    可是問題來了!我基本上是不會甚麼都不
    語法的人....
    可以請問你為甚麼我的部落格
    會有工具的圖像.都在右邊就是二把工具打叉的那個呢?要如何銷掉
    還有我去文字跟顏色那裏都不能更改
    國外的這個版型要如何中文化呢?
    還望你抽空幫個忙!謝謝!

    回覆刪除
  16. 忘了貼我的網址http://photorangestudio.blogspot.com/
    還有冒昧的請問您有再幫人修改部落格與法嗎?
    因為我剛創業想用這個部落格當我的網頁
    但卻神麼都不懂
    謝謝你囉!

    回覆刪除
  17. 登入才會看到工具選項,新手加入可以看看最上面我列的文章,或利用搜尋工具,應該都可以找到你要的答案,中文化我沒有研究,目前沒有幫人修改部落格。

    回覆刪除
  18. http://btemplates.com/

    這個網站也超多模版的,很好用。
    而且他有一個比其他模版網站方便的地方,
    就是按demo進去,上方會出現工具列讓你繼續
    評分、下載或看上一個或下一個模版,
    不用一直按上一頁下一頁的。

    值得推薦~

    回覆刪除
  19. 綸太郎 您好:
    最近在使用這個範本時,
    遇到了一些有關改換圖片的問題,
    不知道「Labels(http://racklin.googlepages.com/bkmrk_nav.gif)」,
    與文章內加入網路書籤功能的圖示,
    目前是無法連結的狀態
    想請教您要如何修改呢?
    謝謝

    回覆刪除
  20. 可否給我你的網址,因為你說的本來的模板上就沒有,應該是你自己新加的東西吧,上面你給的圖片網址無法顯示,或許換個圖床吧。

    回覆刪除
  21. 綸太郎 您好:
    blog網址為:http://lohasbus.blogspot.com/
    目前有圖床,
    只是用搜尋也找不到舊的圖片網址,
    因此也沒辦法修改,
    再次麻煩您,
    謝謝。

    回覆刪除
  22. 你應該原先是用阿土伯的外掛吧,我看作者的圖也是無法顯示,你可以把網址改成你的,例如"http://blogger.ext2.googlepages.com/hemidemi.gif,用關鍵字"HEMiDEMi"尋找,所以你現在應該是缺圖片而已,你可以到這個網址http://angelo-nmb.blogspot.com/2006/10/blog-post_4789.html把它的書籤圖存到你自己的圖床上,再改上面的網址(imr src="你的網址")即可。

    回覆刪除
  23. 綸太郎 您好:
    我在小工具中找到圖片的連結了,
    現在可以將這些圖片更新,
    謝謝您的幫助。

    回覆刪除
  24. 綸太郎 您好:
    這是套用了這個模版 http://www.anshuldudeja.com/2010/08/blogger-template-work-holic.html
    之後的我的網誌:http://taiwan3red.blogspot.tw/

    問題一:如何把首頁上的文章連結,每頁維持在六個(我已將「主網頁上的文章數」設定為:
    50)
    問題二:進入各別文章裡點選照片,它只連結單一照片的網址,無法在燈箱播放(後台的「在
    燈箱中展示圖片」已設為:是)

    希望您幫忙解惑!不勝感激!謝謝 ........

    回覆刪除
  25. 1.每頁控制幾篇,目前是官方自動控制,請參考http://01mistery.blogspot.com/2010/02/auto-pagination.html
    2.Lightbox,我知道的是要使用官方的模板才能利用。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能

Related Posts Plugin for WordPress, Blogger...