<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d10420665\x26blogName\x3dTaiwan+Powers+Blogger\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://twpowers.blogspot.com/search\x26blogLocale\x3dzh_TW\x26v\x3d2\x26homepageUrl\x3dhttp://twpowers.blogspot.com/\x26vt\x3d-6877206924837863419', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Taiwan Powers Blogger

把blogger變得讓台灣人覺得更好用

修改 Blogger.com 模板的第一步

Blogger.com 所提供的預設模板,都算相當簡單而且美觀,而老實說,想要一個自己的blog,其實用系統內建的模板就已經很夠用了。但是,不管怎麼樣,就台灣人的使用來說,有一些調整算是相當必須的。

通常來說,預設的模板的開頭,經常是這個樣子:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>

請修改成這個樣子:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<$BlogMetaData$>
<title><$BlogPageTitle$></title>

就Blogger.com所定義的模板中xml:lang="en"這一段的意思,是使用將語言設定為英文的XHTML標準,雖然這樣也可以正確顯示繁體中文,但是就許多的瀏覽器來說,特別是使用了Gecko引擎的瀏覽器如Mozilla、Netscape及Firefox等,往往就會使用簡體中文字體,套用到繁體中文上,比較明顯的差別是在台灣我們習慣標點符號位在每一行的中央,而簡體中文的標點符號則是對準基線(baseline),在閱讀的時候會比較不習慣。而如果拿掉這一行的定義,標點符號就會放在中央了。

另外,就是要將<$BlogMetaData$>放在<title>的前面,那是因為我們需要將XHTML的文字編碼定義,放在文件的標題之前。這是因為我們通常在Blogger.com上使用UTF-8文字編碼,而在微軟的Internet Explorer瀏覽器中存在著一個bug,中文的IE會預設以Big5開啟網頁,然後一行一行讀取設定,而不是先去偵測文件中使用標籤定義好的編碼,然後再去以這種編碼方式開啟網頁。

這造成的結果是,如果在title中使用了UTF-8的中文(在單篇文章彙整,或是您設定了
中文的站台名稱,就會出現這種狀況),而編碼的定義放在title之後,那麼因為IE還是以Big5解讀title,然後往往就會因為找不到title的還原標籤(close tag),而讓IE以為在title後面的全部內容都是title的範圍,也就出現了IE開啟UTF-8網頁時,出現一片空白的狀況。
| 下一篇 »

10:06 上午

用你的方法改了,效果看起來不錯,至少進入部落格時比以前快了。
謝謝。
還有期待你的其他分享。    



9:08 下午

你的idea 帮了我的大忙了。
之前我的homepage一直都是显示空白的。

thanks!    



» 張貼留言