2007年9月12日 星期三

Charm Skins Templates功能性模板

主站:Charm Skins
模板:Blogger Themes(11個New Blogger Templates)

這是我目前改版所用的模板,這是txt文字檔的模板,只要複製貼上新的HTML語法即可,如果仍有疑問,請見「如何安裝請見Blogger 新手基本技巧問答(一)」一文。

Charm Skins(按下模板後,會出現一個廣告,只要按右上方的"Skip this ad",就可以看到模板了。)提供四個功能性的模板,適合放Google AdSense,而且寬度是980px,很適合現在大部分的瀏覽器解析度1024*768,因為以前很多三欄的設計還是以800*600為主,模板寬度都要自己再改過,有點麻煩,這個可以馬上套用,只要加掛上自己的Widget即可,相當的方便,而且試用過,在IE及FF的呈現上都沒有問題,雖然FF很多人用,但是IE的使用者還是佔大多數,不想自己改語法的可以試試看這裡的模板,目前是我最喜歡用的模板,也覺得最順手的,不會有邊欄跑來跑去的問題。

另外他的兩欄式模板,則是以800*600為主,如果覺得設計的不錯的人可以試試看。

裝好之後他有三個網頁元素是設計在模版裡的(如下圖),如果不要可以把下列這些元素先拿掉,再貼上你的HTML,有些名稱可能會不同,例如Site Feed和Subscribe是一樣的,自己找找看。

<h2>Subscribe</h2>
<p>
<a class="'feed-link'" href="http://www.blogger.com/" target="'_blank'" type="'application/atom+xml'"><img src="http://www.blogger.com/" /> RSS Feed (xml)</a>
</p>

<h2>Credits</h2>
<p>
<a title="'CharmSkins!'" href="http://www.blogger.com/"><img alt="'Free" src="http://www.blogger.com/" /></a>
</p>
<p id="'powered-by'"><a href="http://www.blogger.com/"><img alt="'Powered" src="http://www.blogger.com/" /></a></p>

如果有導覽列的模板(標題下方那排連結),他的設計不是用網頁元素的方式加上,而是直接設在模板裡,所以有點麻煩,要自己改,不過非常簡單,只要找到下列這一段,

<li><a href="/">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Another Link</a></li>
<li><a href="#">Another Link</a></li>即可。

把井字號#,改成你要添加的網址,把後面的英文類似"About Me",改成連結名稱即可,Home不用改,用"/"就會回到首頁,預設是四個連結,如果要增加就在下方加一行一樣的敘述<li><a href="網址">網站名稱</a></li>
缺點:
● 預設的顏色及字型很少,作者都是直接在模版裡敘述,所以有時改了字型與顏色,會看不出變化,因為作者沒有使用變數,例如$bgcolor,而是直接設定顏色碼,例如:color: #CCC來寫。
● 很多設計都是直接設計在模版HTML,而非是用Widget的方式加入,對不熟悉語法的人,增加修改的困難度。

其實這個模板的語法算是很簡潔,整體來說沒有什麼大問題。

P.S. 唉!9.7又換新的模板,因為不知改到哪裡,都無法正常的空行,所以只好又換了,奇怪是使用這個模版的另一個blog卻沒有問題,不然我還滿喜歡這個模版的。

4 則留言:

  1. 綸太郎兄你好,我試著使用其中的模版,但是發現 blogspot 原本在最上方的「導覽列」(ex. 新文章|自訂|登出...)都不見了,請問該怎麼修改?

    回覆刪除
  2. 這應該不是模板的問題,應該是Google的問題,google有時會怪怪的,官方後台推出新功能或是改版時,都會發生一些奇怪的現象,我的經驗是如此,可以登出後,斷線後再重新登入看看,或是按ctrl+F5重新整理看看唄。如果還是不行,方便的話傳個圖,再來研究。

    回覆刪除
  3. 謝謝提供這些。

    對呀,goole似乎有時候并不穩定。

    回覆刪除
  4. Google改版時會不穩定,像這兩天就是如此,後台介面大變動。

    回覆刪除

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