Friday, 6 September 2013

► 裝修你的部落格

N年前為著和妹架設一個粉絲網頁,花了三個月一邊看書、一邊用frontpage,做了個網頁。

為了靚,慢慢不停轉版面設計,上網看日本人及台灣人的java、css和HTML的教學,最後連簡單的flash都看書學了(做封面和選單而已)。

這些學過的東西,其實自從網站閉鎖後,很多已經塵歸塵,土歸土了。唯一還有用的就是改BLOG版型(簡單地改)。

Yahoo Blog之前開放改版型,但不是開放HTML給你改,只好看教學,點對點式一項項CSS寫。其中還是做圖去fit不可以改的框架。

所以Yahoo Blog關閉,我最不捨的其實是個Yblog的版面。iPhone 手機就算看網頁版都不完全看到,不知銀河機是否一樣。但電腦看就會見上下左右都有Banner、footer和background剛剛好的Lace邊框著。另外是Title、分類標籤icon、分間線、連結等都改過;完成品我是非常喜歡。

今日轉了來Blogger,未搬文來之前,我也是第一件事搵版型範本,再嘗試改css去達到我想要的。無可否認情意結下,我測試用的blog版型做到近似Yahoo時代,但未有再多的時間再改,讓它休息一下先吧。

這個版型,似網頁,也有少少似Yblog有封面,但又完全和那vintage style差9萬丈遠,但經過問妹和朋友意見後,決用這個。

其實這個版型很冷,我努力地慢慢少少地改,希望可以由男性化變成女性化。
先換好圖再研究,因為看HTML會眼花XD

如果,想改走Blogger的版型範本,可以上網下載資源。

雖然說是一個版型,但有些位都要自己修改。
至於改什麼,個人口味不同,上網找教學學CSS。
但上載資源template XML前,若你已經整好一個ok接受的,請先下載留底;
因為改壞了,就可以打回原型嘛。



45 comments:

  1. 妳的版面整潔而且系统化,
    有點啇業味亦有看雜誌感覺.

    ReplyDelete
    Replies
    1. 其實老外網好多不同類的版型免費給大家,總會搵到合心水或近心水的。
      揀好上載改〜〜〜就成了。
      我仲未改完呢個,努力鑽研中!
      這個比較深奧喔( ̄Д ̄)ノ

      Delete
  2. 佩服!
    但呢家野真係無止境的!

    ReplyDelete
    Replies
    1. 人生中就是學無止境,這衰在我貪靚,寫Blog都要靚!

      Delete
  3. 勁呀!遲d要研究下先得!

    ReplyDelete
  4. Replies
    1. 另外我想問一下有關插件RECENT COMMENTS
      這是我在外面找到的CODE~但做極都做唔到YAHOO 果種效果(完全show唔到最近留言)~即係好似你側邊咁樣~我係咪插錯件 =__=?

      「 < s c r i p t style='text/javascript' src='http://blogergadgets.googlecode.com/files/recentcommentswidgetv1.js'>< s c r i p t style='text/javascript'>var a_rc=5;var m_rc=false;var n_rc=false;var o_rc=100;< s c r i p t src='http://hitomi-kong.blogspot.hk/feeds/comments/default?alt=json-in-script&max-results=5&callback=showrecentcomments'> 」

      Delete
    2. 佢唔俾我連住出"s c r i p t" 所隔開左d字

      Delete
    3. 你要開個HTML那個小工具,再PASTE入你呢個CODE!!!

      http://helplogger.blogspot.hk/2012/03/recent-comments-widget-for-blogger.html

      TRY THIS!!
      嘿嘿,我都用呢個CODE,不過我自己改左JAVA既內容...所以有不同XDDD

      Delete
    4. 唔該晒~終於搞掂~~勁啊!! 識得自己改內容~我頂多係上網搵CODE COPY & PASTE =_=

      Delete
    5. 以前學整網頁有點概念而已,應該說剩係睇某些字眼,其他只覺係火星文似的。

      Delete
    6. 另外我發現我留言後~blog主reply 我~我唔會自動收到通知...?
      即係好似你呢個post~我唔行入黎我真係唔知你覆左我

      但人地留言去我個blog度~我倒是可以收到email通知...

      Delete
    7. 我都剛發現呢個問題!!!
      好不方便囉!
      要望下blogger有冇解決方案,或去搜尋有冇教學先:(

      Delete
  5. 你個Blog咁快就整得咁靚﹣0﹣!好厲害!
    我都搬左去Blogspot,, http://jellyfishbabe.blogspot.hk,, 得閒黎探下我=)

    ReplyDelete
  6. 係呀, 我想問有咩方法可以upload大量相上黎架??

    ReplyDelete
    Replies
    1. 先開相籌再上傳,打文時揀相插入文中。
      相簿位置:
      Google.com > header menu bar "more" > photo !!!

      Delete
  7. NICE~!
    你總是把網誌弄得好美好美﹗
    有時間我也要跟你學習試試看﹗

    ReplyDelete
  8. I CAN FIND BACK U FINALLY!!! =)

    ReplyDelete
  9. btw, 我唔成功import...話我file唔完整....>< 唉.....

    "我們無法儲存您的範本。
    您的範本結構不完整,因此系統無法加以剖析。請確認所有 XML 元素都已正確關閉。"

    你有試過ma?

    ReplyDelete
    Replies
    1. 你用程式轉了txt 去blogger format xml未?
      中間有沒有改了圖址?

      Delete
    2. 我現在好像OK...不過想問問, 如果Set左Private 的entry係咪自己都睇唔到??

      Delete
    3. 這裡沒有PRIVATE SET了!! 我一UPLOAD來這邊,第一件事就去DEL那些原本在YAHOO SET ONLY ME的BLOG文^_^

      Delete
  10. 嘩,我宜家先知你黎左blogspot^^
    好靚呀!!!!!!!!!!
    超讚^^

    ReplyDelete
  11. 好靚呀, 你真係叻, 我要慢慢研究一下先得喇!

    ReplyDelete
  12. 我覺得最難既係改個theme d width同圖,同n年前的html完全唔同晒

    ReplyDelete
    Replies
    1. 係呀! 因為一改會成個BLOG的OUT枉移埋~
      望住埋火星文...嘔血但都要處理!!!
      大家~~~努力~~~~~~!!!!!!

      Delete
  13. 你呢度真係整得好靚﹗謝謝分享~~ 不過真係要D時間先可以摸得熟d code... 完全唔熟﹗

    ReplyDelete
    Replies
    1. D CODE真係要慢慢處理.....
      眼花同頭痛! 因為有時DL的LAYOUT未必全合用..要改就滿天火星文!

      Delete
  14. 咦原來我同你用同一種的template呢...
    pass by say個hello :)

    ReplyDelete
  15. 怪不得之前覺得你的 blog 好靚, 原來花了咁多心機改~

    ReplyDelete
  16. Christina, 我insert左template之後, 發現有d相係一個post度show到, 但係homepage就睇唔到...搞左好耐都揾唔到原因, 好灰, Blog address:
    http://meetbeforesunset.blogspot.hk/

    我見原來妳都係用呢個template, 妳會唔知道點解? 麻煩晒!!!!!

    ReplyDelete
    Replies
    1. 你指在首頁出不到???
      你試試在第一 OR 二張圖之下,加一個PAGE BREAK!!
      另外是你可以插入圖的方法是用舊YAHOO BLOG DATA入....
      你要入每篇改一張圖用GOOGLE相薄先出到!!
      (所以我整到依家都未搬哂YAHOO BLOG的BLOG文...)

      Delete
    2. 個問題fix了, 睇返html個photo link怪怪甘,我重新insert過d相...
      而家研究梗點樣可以加大thumbnail既size (我d相好多都係打直, chop到變半張)

      Delete
    3. 應該可以在CSS改到~ 但會變了版面很長...不再簡潔呢~
      可搜索下有沒有另外版型是放直相多XDD

      Delete
    4. 唔該晒妳呀, 等有時間再執, 轉一次template死去好多細胞。
      妳個blog好靚呀, layout又靚, 相又靚。

      Delete
    5. 多謝~~ 我只係將原本外國人設計得比男生的LAYOUT變成女生化~!!!
      為了搬了來這裡,所以轉了原本整個BLOG的LAYOUT!
      轉版面真係好死多細胞!!

      Delete

Thanks for comments