年度封存: 2007

blogger 資料整理

RSS 相關

  • blogger 的 ATOM/RSS 預設是依更新時間排序，網址為:
    • http://vixual.blogspot.com/feeds/posts/default
    • http://vixual.blogspot.com/feeds/posts/default?alt=rss

    如果要讓它依發表時間排序，網址須改為:

    • http://vixual.blogspot.com/feeds/posts/default?orderby=published
    • http://vixual.blogspot.com/feeds/posts/default?alt=rss&orderby=published
  • Label(標籤)的 RSS 網址:
    • http://vixual.blogspot.com/feeds/posts/default/-/label

      • 將上方的”label“換成 Blogger 上的標籤名稱即可。

  • blogger 的留言的 ATOM/RSS 網址為:
    • http://vixual.blogspot.com/feeds/comments/default
    • http://vixual.blogspot.com/feeds/comments/default?alt=rss

如何讓 blogger 不自動載入 ajax

    在 <body> 的下一行加上:

    <script type='text/freezescript'>
_WidgetManager._Init=function(){};
_WidgetManager._SetPageActionUrl=function(){};
_WidgetManager._SetDataContext=function(){};
WidgetManager._SetSystemMarkup=function(){};
WidgetManager._RegisterWidget=function(){};
</script>

如何讓版面依內文或列示載入不同項目

  • 判斷是否為內文: 
    <b:if cond='data:blog.pageType == "item"'>
載入的項目
</b:if>
  • 判斷是否為文章列示: 
    <b:if cond='data:blog.pageType != "item"'>
載入的項目
</b:if>

[JavaScript]讓網頁的「外部超連結」自動開啟在新視窗

在編輯網頁時，如果要讓某個超連結 (Link) 開啟在新的瀏覽器視窗，我們可以在超連結加上「href="_blank"」屬性，但如果超連結很多，要一個一個加上去畢竟麻煩!!

以下的程式碼可以幫你把網頁內所有針對「外部」的超連結自動設為在新視窗開啟。

一般網頁

  1. 將下列程式碼加到網頁的 <head> 區段: 
    <script type="text/javascript">
function parseLink(){
  var tagA = document.getElementsByTagName( "a" );
  re = new RegExp( "^(http://" + document.domain + ")|(javascript:)", "i" );
  for( var i=0; i < tagA.length; i++ ){
    if( !tagA[i].href.match( re ) ){ tagA[i].target = "_blank"; }
  }
}
</script>
  2. 在 <body> 標籤內的 onload 事件加入: 
    parseLink();

    Ex:

    <body onload="parseLink();">

WordPress 外掛程式

如果你的網站是用 WordPress 架設，可直接在控製台搜尋並安裝「Open external links in a new window」這個外掛程式 (版本: 1.3.1 作者: Kristian Risager Larsen)，這樣就不用添加任何程式碼了。

另外需注意，如果本外掛程式與其它像 LightBox、FancyBox...之類的圖片燈箱特效的程式一起使用，有可能會造成同時顯示燈箱特效，又同時將圖片開啟於新視窗!!

在 Blogger 中使用 google-code-prettify 顯示程式碼

google-code-prettify 是一支不錯的程式碼高亮度顯示程式，特點為:

  1. 支援 15 種程式語言(但某些語言似乎還沒完成)
  2. 程式僅兩個檔案
  3. 載入速度較快

缺點為:

  1. 跟 IE 的相容性比較不佳，在 IE 內複製程式碼時無換行符號
  2. 無行號顯示
  3. 僅支援 "<pre>" 區塊
  4. 程式碼過長時不會自動顯示捲軸 (可透過修改 CSS 解決)

安裝步驟

  1. 修改 blogger 樣板，搜尋 "</head>"，在 "上方" 加入 
    <link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' type='text/css' rel='stylesheet' />
<script type='text/javascript' src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js'></script>

    (因為 "偷吃步" 的關係，程式直接連到 google-code-prettify 的 SVN 上，你可以視情況下載回來放到自己的伺服器)

  2. 繼續搜尋 "<body>"，在標籤內的 onload 事件加入: 
    prettyPrint();
  3. 儲存即可。

使用方法

      使用 "<pre>" 區塊，需將 "&" 轉換為 "&amp;"、"<" 轉換為 "&lt;"、">" 轉換為 "&gt;":
<pre class="prettyprint">
程式碼
</pre>

參考網頁