2005/07/01

免費協助 Blogger.com 置入版型範本

目前我用 Javascript 製作的版型範本有三套,暫時還沒有力氣弄出比較炫的版本,看起來都是比較簡單素雅的。
1. 白底黑字文字典雅型 http://nextservices.blogspot.com (就是本站)
2. 黑底白字突顯照片型 http://tripwriter.blogspot.com
3. 討論區 http://newsfamily.blogspot.com

如果有網友需要可以直接留下你的 email addr. 在下方迴響,我會把三個版型範本回寄給你,注意的是範本全部貼上之後在控制主頁→設定→格式把文章數目調整為999篇文章即可,當然原來的範本請各位一定要備份起來。

或者,我也可以幫忙協助大家放上去,只要你在控制台主頁→設定→會員邀請我(nextservices@gmail.com)加入你的部落格共筆寫作,並把我升級成Admin,這樣我就可以幫忙改你的範本了,我發誓我不會修改到原來的文章,等修改好之後,我會把我的權限自行剔除,後續的範本維護就自己來完成了。

目前已經有好多網站成功的使用我寫的範本,多了分類標籤及最新迴響的功能,就我知道的我列在下方:

  1. 陳謙天下
  2. 220天的完美旅程
  3. 碧溪筆記
  4. Princess Lea
  5. TRIP WRITER
  6. YIKUANG'S BLOG
  7. 貝氏奢華
  8. Somewhere in Time
  9. 人行道 Side Way
  10. 夏諾瓦的酒館
  11. Flora's Chamber--陳小芙的家
  12. Island Republic
  13. 阿雍的鹿特丹廣播電台
  14. Complicated Lif3
  15. 書本-電影-音樂
  16. 形意论谈
  17. JONAH←這個人改的很有特色
  18. 就祇是日誌


大家趕快搬來這裡吧!真的不錯。

2008.7 更新!!!由於這個範本已經很舊了,目前 blogger.com 也出了新版,範本恐怕不適用,所以暫停幫大家修改與置入範本。

92 則留言:

  1. 您真是非常熱心... :)

    回覆刪除
  2. 我看要版型範本的人把 email addr.留在這邊,我會把版型 mail 給你,另外把問題也打在這邊,我直接回答也可以讓別的網友有學習的機會。

    如果要我幫忙修改你既有站的版型範本,請直接發邀請函到 archer.jean@gmail.com 並幫我升級成 Admin

    回覆刪除
  3. 太感動了,我想要,謝謝!

    回覆刪除
  4. 太棒了,我也很喜歡白底黑字文字典雅型的:)

    回覆刪除
  5. 以上朋友,我已經mail 出去了,不過我今天用FireFox 試了一下,發現兩個小問題,已經修改好了,如果還要的話,請在底下留言。

    原來CSS中的DIV 學問還很大,這點我還是要佩服 MS,支援的比較完整。

    回覆刪除
  6. 太棒了, 我也想要 :-)
    matlinuxer2@gmail.com

    回覆刪除
  7. 以上朋友,已經寄出,收到請回覆一下。

    回覆刪除
  8. 這真是太讚啦

    不過我還沒摸清楚要怎弄:P

    回覆刪除
  9. 再來要請教如何新增分類目錄:P

    回覆刪除
  10. 收到了,謝謝。開始研究了!

    回覆刪除
  11. 藏風,那個分類我有打範例在你最後兩篇,你可以看一下,就是在標題後面打入

    <h6>分類:旅行、生活、雜記</h6>

    這樣就可以了,注意是用全形的冒號跟頓號,但左右括弧是半形,中間不要有空格,程式會誤判。

    另外還有一點要注意的,因為是用 Javascript 程式來做這些事情,所以標題不能用 " ' 這類的符號,所以經常打英文 It's ... This's ... Who's 這樣就不行當標題了。

    回覆刪除
  12. 水瓶子

    OK 我來玩玩看
    又剛剛想把 BLOGROLL 那一大串移到一篇 POST 裡 可市 BLOGGER 文章編輯器似乎不接受 JAVA SCRIPT?

    可有建議方案呢?
    感激不盡

    回覆刪除
  13. blogger.com 是接受 javascript 的語法的,不然我這篇怎麼可以含入 frul.net 的外掛呢?

    編輯文章的時候不要用 Compose 模式,用HTML模式,然後按下[發布文章]後,會跳出警告說明,打勾勾後再發布一次就OK了。

    回覆刪除
  14. 謝謝你幫我改好了,一個小問題,如何像你的blog有
    「繼續讀完」?

    回覆刪除
  15. afen,我本來是幫你設定成繼續讀完的功能,但是我發現你文章都是短文,搞成還要連結兩次有點麻煩,那個開關的關鍵在 var a=1; 你可以 search 一下版型範本內。

    var a=1; // 內文全部顯示在首頁
    var a=2; // 有繼續讀完的連結

    回覆刪除
  16. hello, 我的朋友夏諾瓦也想請你幫忙改版,他家的位置在這裡 "http://chatnoir.blogspot.com"

    是實上你早已經去他家勘察過了 :)

    回覆刪除
  17. 不好意思,我弄錯了,chatnoir 只想要分類功能

    回覆刪除
  18. 多謝水瓶子的版型,我已經裝好了。不過,有幾個疑問:

    1。怎麼把正文跟sidebar的位置對調啊?我直接改寫left跟right,卻會發生sidebar掉到下面去的情況。

    2。怎麼把banner上面的blog名稱移到banne的左上方?就像藏風作的那樣?

    謝謝

    回覆刪除
  19. 還有:

    3。為什麼我的字型為一下子細明體、一下子標楷體?

    4。為什麼我的文章lo那麼慢啊?唉,我想應該也是因為我掛太多東西了吧?

    回覆刪除
  20. 藏風,那請夏小姐發個邀請函到 archer.jean@gmail.com 等我加入共筆作者後,把我升級成admin,那我就可以改版型了。

    豬小草,我看你改的不錯啊!可能要更熟悉CSS一點。

    sidebar掉到下面去應該是寬度的問題,或者裡面有東西把 sidebar 稱大的關係,左右對調後如果還是調下去,可以把 content 那個 div 的寬度在調大一點試試看,不然就是要把文字屬性設定 word-wrap: break-word;

    你的2.3.4. 好像都已經解決,內頁的資訊變少之後就 load 很快了。

    我想你花不少的心血來作業完成,辛苦啦!

    回覆刪除
  21. 收到。多謝啦。不過,我的字型還是會呈現,首頁是「新細明體」,單篇網址是「標楷體」耶~晚一點把自型都統一看看。至於版面拉寬一事,如果不行的話,就只好麻煩你啦!

    回覆刪除
  22. 還有,為什麼我的「先前作品」會把所有的文章都列出來,不像你們的,只列出最近幾篇呢?

    回覆刪除
  23. 豬小草,我幫你改好了,不知道是我給你的版型範本就有錯誤,還是你改壞了? 總之,現在可以了。

    回覆刪除
  24. 我也可以要三各版本嗎?
    有時間再來慢慢研究去謝謝!!

    回覆刪除
  25. 對不起有笨問題:P

    請問blog-title 的字型可以改嗎? 我想要細細的書寫體,謝謝!

    回覆刪除
  26. 風,可以改,CSS只要在 #blog-title 那個地方指定字型即可。我喜歡拉長的細細的字體。

    明日風,已經寄出。

    回覆刪除
  27. 收到了 太感謝你了 !!

    回覆刪除
  28. 套入這個版型範本後第一次要把全部文章的版全部重組,這樣才能正確讀到內頁(ItemPage)的資料。

    因為我用 div id 來判斷內文的資料。

    還有,wind你要把文章調整成 999 篇,不然首頁只能統計到10篇文章的迴響及分類。

    回覆刪除
  29. 問題出在這篇的引號 (")
    "狂飆的世代:台灣本土學運" 節目

    請把引號拿掉就可以了。

    這篇有更詳細的說明
    http://nextservices.blogspot.com/2005/05/bloggercom.html

    回覆刪除
  30. 水瓶子你好
    我剛才在改我的版型
    現在已經OK了
    就交給你囉(已經改為Admin)

    謝啦!

    回覆刪除
  31. 水瓶子,我忘了說
    我也想要那3個版型檔
    (以前有跟你要過一個)
    blesserx at gmail.com

    謝謝

    回覆刪除
  32. 可以把我之前留下的信箱位址的由言給刪除嗎?謝謝

    回覆刪除
  33. 水瓶子,
    請寄給我
    2. 黑底白字突顯照片型

    我的email是 grukmba@yahoo.com.tw

    回覆刪除
  34. 似乎有點慢,不過我也考慮搬來這,可以請水瓶子兄寄版型給我研究一下嗎?

    jameswy.wang@gmail.com

    回覆刪除
  35. 我的版型大致上改好囉
    可以加到你的list了

    名稱 - Blesser's Blog
    URL - http://blesserx.blogspot.com

    再次感謝

    回覆刪除
  36. 以上朋友,我已經 email 出去,若沒有收到請在跟我講。

    blesser, 你很厲害,還自己加強了一些東西,希望你能繼續研究。不過,你的內頁載的非常慢,我想有兩個原因,一個是你內頁含入太多外掛的 javascript,只要這些外掛的網站有一個掛了,你內頁的資料就永遠進不來了,其實引用的外掛功能不一定需要 include HALOSCAN 的 js,他其實只是一個連結,你把這個解開網頁就快很多。

    第二是你的內頁資料不見了,查一下程式<ItemPage>的部份是不是沒有處理好,我覺得你有點急,一步一步慢慢把東西架上去,相信可以解決,有需要我幫忙 mail 跟我講一聲。

    回覆刪除
  37. 水瓶子,
    昨天你留言在我blog的時候正好我改過頭改壞了
    從我自己看,首頁跟內頁都看不到文章
    (你應該是從內頁抓東西到首頁顯示的吧!)

    剛好我正在解決太多外掛造成讀取速度慢的問題
    不知道哪裡砍錯了
    可能是標籤不對稱之類的問題

    anyway,晚上我也沒有硬try(累了)
    早上起來把tripwriter的template
    用昨天改好我自己的template
    一個區塊一個區塊覆蓋去試
    問題就找到了

    速度慢的問題應該出在Referral和ShoutBox
    這兩個東西我都暫時拿掉了

    謝謝

    回覆刪除
  38. 網誌管理員已經移除這則留言。

    回覆刪除
  39. 我想要您的版型範本,請寄到
    pancala at gmail.com

    回覆刪除
  40. 感謝啊
    我一收到立刻改造
    真的很棒耶

    回覆刪除
  41. 您好~

    我也想要嘗試自己設計版型~~有些問題可否請教您。

    請問一下...你版面最上方的圖片是如何設的~
    我看原始檔background:url(http://photos1.blogger.com/img/42/2015/1024/DSC000211.jpg)有這一張圖片

    但是..不我懂要如何上傳??又要上傳至那裡??

    麻煩您解惑...謝謝您。

    回覆刪除
  42. 晴,我一時之間還不知道怎樣回答ㄌ!blogger.com 在貼新文章的時候有一個小 icon 長得像照片的樣子,按下去,就可以上傳圖片啦!傳完之後就會自動生成一個 URL,把這個 URL 貼到範本去就可以了。

    注意貼文的模式有兩種 HTML Editor 及 Compose,要選 HTML 模式你才看的到 URL。 

    回覆刪除
  43. 水瓶子:

    好感動 ~><~

    我終於懂了~~~
    我本來也是猜想這樣的做法...也一直試傳..
    但是終究不成功~~

    原來問題是出在...我在Choose a layout時
    都是選「無」,所以一直看不到啦..(泣~~)

    還有一個問題想請教一下哦! 我如何去看上傳的圖片呢??要如何去做圖片的管理??

    這也是困擾我很久的問題...麻煩您了~~謝謝

    by 晴

    回覆刪除
  44. 這位晴小姐,部落格的重點在文章,能夠傳照片已經不錯啦!部落格上傳照片的管理要自己管。

    如果要強大的網路照片管理,請到 http://www.flickr.com 去註冊一個帳號來使用,不然可以到 http://www.picasa.com 去下載管理相片的軟體。

    回覆刪除
  45. 嗯嗯~~~

    我也讚同『部落格的重點在文章』。

    只是我看不到(或者可以說我不知道要如何去看)到底我傳了什麼圖片上去..

    例如:圖片傳完之後就會自動生成一個 URL。若是我當時沒有將URL copy起來...
    是不是就只能再做一次上傳動作..才能知道圖片的URL???還是有方法可以知道??

    可否麻煩您幫我解惑...謝謝您

    by 晴

    回覆刪除
  46. 應該沒有辦法可以知道了吧!不知道了又怎樣,反正重新上傳就好了,網海茫茫,就當作垃圾一樣丟掉,未來自然會有垃圾回收機制,這就是數位化的好處。

    很多事情只要不在意就沒有事情了,想太多自尋煩惱。

    回覆刪除
  47. 哈~~
    我以為寫程式的人會有追根究底的精神~~
    也對啦~~反正多上傳幾次只是差在時間的花費而已。

    不過我記得圖片有總量的限制..好像只能容納
    500M吧!

    但是應該是夠用了吧!

    最後~~~感謝您的解惑了. 再次跟您說聲謝謝!

    by 晴

    回覆刪除
  48. 老劉,已經寄出,印象中大陸地區是不能看到 xxx.blogspot.com 這種網址的,你真利害可以看到。

    晴,我有時也懷疑自己是不是研發人員,有時候很沒有追根究底的精神。

    回覆刪除
  49. 您好,我想與您分享三個版型,謝謝您的努力。

    mingwei.tsai@gmail.com

    回覆刪除
  50. 謝謝您收到了,您的努力讓我這種對程式設計沒有任何概念的人得到很多幫助。
    請問如果我還要繼續修改您的版型,有沒有什麼書或網站可以給我學習一些粗淺的概念?

    回覆刪除
  51. 老實講我還真不知道要介紹什麼書,只要 HTML/CSS/Javascript 熟悉的話,應該就很好改了,我把我常翻的字典介紹給你看好了,網址:http://www.books.com.tw/exep/prod/booksfile.php?item=0010239069

    回覆刪除
  52. 水瓶子

    我也要,麻煩您了,謝謝您!

    winleeko@yahoo.com.tw

    回覆刪除
  53. 我要我要我要 >"<
    rclu0916@gmail.com

    回覆刪除
  54. wild

    1. 有關首頁每篇文章的長度,我是判斷 <BR>這個 HTML 的 tag,如果你要自行判斷的話,要改程式,你應該可以自行找到,可以改成你自己設定得 tag 即可。

    2. 先前作品的篇數沒有辦法改,那是 blogger.com 的平台寫死的,不過,首頁上可以不用 blogger 的設定,可以自己寫程式補上,這樣也可以自行設定篇數囉! 內頁就沒有辦法了。

    回覆刪除
  55. 可以寄版型給我嗎?

    freepub at gmail dot com

    回覆刪除
  56. 謝謝水瓶子~
    已經收到了!
    逐步改版中!

    回覆刪除
  57. 可以寄版型給我嗎

    chiping at aa nctu edu tw

    回覆刪除
  58. 已經mail出去,收到請回覆讓我知道。

    回覆刪除
  59. 水瓶子兄,我先來道謝,之前的分類沒有任何問題。現在看來好多了。

    另外,推薦一個我近來發現的「最新留言功能」給你參考一下:
    http://bloggerhacks.blogspot.com/2004/09/farrago-recent-comments-hack-103.html

    我有一個小疑問,我的留言只能顯示最新五個,可是您原來的設定是十個,不知問題出在那?

    另外,我裝上Haloscan的引用功能後,發現要將comment置底效果才會好,所以參考下面說明,卻發現原來的<$BlogItemCreate$>已經被拿掉了Orz,不知有無解決方法?
    http://bloggerhacks.blogspot.com/2004/09/metempsychosis-comments-hack-103.html

    回覆刪除
  60. 您好

    請您幫我看一下
    為甚麼我的rightcontent and leftcontent不一樣位置開始呢

    回覆刪除
  61. James

    那個 bloggerhacker 我看過了,不可否認我的版形有些概念源自於那個網站,但是他有幾個缺點:

    1.用時間的字串來判斷留言的先後,所以你無法自由的選擇你要顯示的日期欄位,我是用<$BlogItemNumber$> 這個數值來判斷最新迴響的時間。如果你看的懂我的程式的話,你可以自行改程式,改的比他好的多。

    2.會讓首頁變的很大,萬一你的文章數目太多,有人迴響的文章內容過多的時候,首頁的資料會爆大,而我的解決方法是取得必要的少量資訊,然後內頁用 javascript 方式在去取得,來減少頻寬使用。

    <$BlogItemCreate$>可以自行加上去,只是多幾個 Icon 而已。

    留言顯示五個?我看你的網站只有四篇文章有留言,所以不知道是不是你實驗網站的問題,請你搜尋一下 c_showRecentComment 這個字串,是不是設定10? 或者是你的首頁顯示設定文章的數目是不是999篇文章呢?

    牛牛

    我看你的網站好像不是用我給你的版形,這樣我還要仔細看你的版形CSS有點累人,目前我沒有時間仔細去看,初步判斷是妳的 Main 的寬度超過設定大小,所以就被擠到下面去。

    回覆刪除
  62. 您好,真高興在我想要改「格」的時候來到這裡。實在佩服您可以把Blogger.com做得這麼有系統。很想參考您的範本。麻煩您寄到:2fishbowl@gmail.com
    謝謝。

    回覆刪除
  63. 水瓶子
    爬了三次文,還是頭昏腦脹
    可以跟你一下範本嗎?
    在此先謝過
    odi0515@gmail.com

    回覆刪除
  64. 收到,非常感謝。有空就來仔細研究一番。

    回覆刪除
  65. 水瓶子兄,我自己耍笨,現在才知道你顯示的留言數是指有留言的文章數,現在終於搞清楚了。

    至於你提到的修改方式,我會再試試,謝謝指導

    回覆刪除
  66. 我想跟你先要範本來看看,如果我自己不濟的話再請你幫忙啦 XD

    jonah.sniper@gmail.com

    BTW,你真的做了很棒的事!!

    回覆刪除
  67. Tsunghao.Lee@gmail.com

    真強...QQ 而且人又好。
    我剛買書說,不知道還要多久。:P

    想請問,除了用連結的,
    該如何自己弄留言版?

    還有,我已經照著
    http://euyoung.blogspot.com/2005/04/blog1.html
    的麻煩方法,弄好了文章分類,
    但是覺得怪怪的...

    您的範本在語法的使用上,可否稍微解釋一下呢?

    謝謝!

    回覆刪除
  68. fish,odi0515,祝你成功。

    james,JonahSniper,加油囉!

    IntoTheRain,你的問題好多,又好像沒有問題,總之,我已經回給你版型了。

    1.該如何自己弄留言版?

    最普遍的作法是去申請一個 javascript 的外掛留言板,可是龜毛的我比較不想那樣做,可以新增一篇文章專門做留言板就可以,至於首頁上要看到那篇留言板最新 5 筆的內容,是可以做到的,我沒有時間做,不過 idea 跟這篇類似
    http://tripwriter.blogspot.com/2005/04/blog-post.html
    詳細內容請檢視原始檔看。

    2. furl, delicious 的分類方式目前都有提供 javascript 的方式含入部落格,所以不用在使用 RSS2JS 來轉了。
    詳細請看http://nextservices.blogspot.com/2005/08/blog-post.html

    3.您的範本在語法的使用上,可否稍微解釋一下呢?

    我的範本詳細說明在這篇,發想的過程而已,請你回頭看一下
    http://nextservices.blogspot.com/2005/05/bloggercom.html

    回覆刪除
  69. 會好像很多問題又好像沒有問題是因為我完全是門外漢阿(苦笑)

    慢慢爬文的過程和與坊間的教學用書慢慢對照之下,也稍微看的懂了。

    看來我在去練練功再來,應該可以讓問題的焦點更specific。

    anyway,非常感謝您的熱心!
    我現在的分類是靠furl達成。
    留言板就去跟咕狗申請一個討論區。

    再次感謝!

    回覆刪除
  70. 加油囉!畢竟部落格的風格個人化很強烈,所以可發揮的空間很大,繼續努力!

    回覆刪除
  71. 您好
    我也想要版型
    這些功能正是我一直期望的
    真是期待您的分享
    我的mail是

    satan_vv@yahoo.com

    感謝~

    回覆刪除
  72. 撒旦,寄出去都被退信,再給我另一個信箱吧!

    回覆刪除
  73. sorry....我把信箱留錯了
    忘了加tw

    所以應該是
    satan_vv@yahoo.com.tw
    真的很抱歉
    增加了您的困擾..

    回覆刪除
  74. 可以幫幫我嗎?

    不懂程式設計耶,已經發了邀請到archer.jean@gmail.com 可以幫我加上分類及其他熱門的功能嗎?

    謝謝

    回覆刪除
  75. 撒旦,已經mail給你

    piscesole,我已經加入,要幫我升級成admin我才能修改範本。

    回覆刪除
  76. 我已經寄出邀請了喔^^

    對了
    可以先麻煩您在我原來blog的版型上面先置入
    分類跟最新回覆就好嗎?
    http://story4ev.blogspot.com/
    會不會很麻煩?
    感謝您~

    回覆刪除
  77. to:水瓶子

    對不起
    文章要讓他能夠分類
    我必須怎麼制定分類項目
    每篇文章又要如何歸類呢?
    不好意思,一直打擾您

    回覆刪除
  78. 阿..

    把你加入admin的時候,不小心把自己去掉了,可以請你幫我加回去我的admin嗎?

    真不好意思...謝謝

    回覆刪除
  79. 已經把你加入admin囉^^

    回覆刪除
  80. 水瓶子您好,我好喜歡短文總數的那種功能,請問有沒有可能分享code給我呢?

    fcf515@HotPOP.com

    麻煩你了,謝謝謝謝…

    回覆刪除
  81. 真的很感謝喔
    再一次謝謝您

    回覆刪除
  82. piscesole,我已經幫你變回admin,若沒有其他的問題,可以把我的權限踢除了。祝你順利。

    撒旦,我已經弄好。

    Faineant,已經 mail 給你了。

    回覆刪除
  83. Thank you very much!!

    1)要如何更改及增加分類的標題?
    2)要如何將flickr的功能加在sidebar呢?

    現在發現原來做blogger電腦也要不錯說...頭大....

    祝你中秋節快樂喔!

    回覆刪除
  84. 我想跟你索取範本:)
    希望可以提供給我..
    感謝您的分享
    vava.hwa@gmail.com

    回覆刪除
  85. piscesole,我本來已經把我範本放上去,上面就有分類的功能,是在標題後面加上

    <h6>分類:標籤1、標籤2&lt&/h6>

    剛剛看你用回 blogger.com 預設的範本,所以這功能就消失了。有需要我幫你放範本再跟我講吧!

    要加上 flickr 的相簿在 sidebar ,你得先要去 flickr 把那段 HTML code 剪貼下來,然後放在範本 sidebar 的地方即可,可以用檢視原始碼的方式觀摩別人怎樣加入的。

    vava,已經 mail,收到或沒收到請在此留個言讓我知道。

    回覆刪除
  86. 水瓶子

    請問一下^^
    我有另外一個blog
    只想要顯示最新回覆而摽分類
    我該怎麼做呢?

    回覆刪除
  87. 撒旦,把那個有最新回覆跟分類的範本剪下來,貼到你另一個新的部落格就好了。注意事項請看這篇

    回覆刪除
  88. 以為用blog的原始範本分類功能也會在(我看別人都可以阿...),結果沒備份...所以就回不去啦..

    不過flickr貼上了,很高興ㄋㄟ,謝謝!!

    回覆刪除
  89. 有空的話...麻煩您寄一份版型給我^^
    我的e-mail:caishin.tw@yahoo.com.tw

    回覆刪除
  90. 開心老師,已經寄出請查收,我想mail給大家版型的活動就先到此為止囉!所以我把這篇文章的回覆功能先關掉。謝謝大家來索取使用。

    我還是可以安排時間幫大家改 blogger.com 的版型範本,只要發部落格共筆邀請函給我,等我加入後把我升級成 Admin,這樣就可以啦! 我的 email是 nextservices(at)gmail.com

    若有部落格範本的問題,請在最新的 Blogger功能再加強(...)的主題下討論。

    回覆刪除