顯示具有 部落格小工具 標籤的文章。 顯示所有文章
顯示具有 部落格小工具 標籤的文章。 顯示所有文章

2008年4月11日 星期五

EnCalendar日曆教學 for BLOGGER

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

目前有提供二種樣式(橫形,方形)供人下載, 行事曆都可自訂日子, 該日子會以紅圈表示, 用滑鼠移至紅圈的位置時可看到當日的內容;

星期六及星期天均會以淺綠色及淡粉紅色表示; 而且這行事曆也可自訂想要顯示的月份哦!

請先到 http://ripple.cside2.jp/enripple/en20_calendar/ 下載flash原始檔

設定步驟 :

1. 要正確自訂行事曆中的日子, 必須正確設定及自行製作 enCal.xml 這個檔案, 首先只要利用一般文字編輯工具,

Notepad (記事本) , 開啟一個新檔案, 然後複製以下的框內文字, 並修改合適的內容,

最後再將這個檔案儲存成 enCal.xml 檔案即可。

PS: 儲存檔案時, 請將編碼方式改為 UTF-8 以確保文字可以正常顯示。

enCal.xml 檔案的內容:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<calendar>
<date>
<yea>年份</yea>
<mon>月份</mon>
<day>日期</day>
<title>標題</title>
<link>鏈結</link>
<trg></trg>
</date>
<date>
<yea>2007</yea>
<mon>1</mon>
<day>31</day>
<title>birthday</title>
<link>http://33tsai.blogspot.com/</link>
<trg></trg>
</date>
</calendar>

enCal.xml 內容, 其結構是每段以 <date> 至 </date> 分隔, 每一段就代表一個設定。

文件內只有 2 個記錄的示範, 大家可以隨意添加, 而編輯的方法, 下面來說明:

例子:

<yea>2007</yea> 2007 代表 2007 年。

<mon>1</mon> 1 代表 1 月。

<day>31</day> 31 代表 31 日。

<title>birthday</title> - birthday標題, 標題支持繁 / 簡體中文。

<link>http://33tsai.blogspot.com/</link> - 可填上和該記錄有關的鏈結, 這樣, 只要當你按下該日期, 便會自動鏈結至你設定的網址了。另外, 這個 <link></link> 的參數即使省略不填上任何資料, 也是可以的。

只要在 enCal.xml 內, 複製 <date> 至 </date> 的內容, 然後進行修改, 就可以建立許多個記錄。

2.將你要顯示的flash行事曆樣式檔案和enCal.xml 上載到免費網路空間, 上載後, 將 enCalendar.swf 及 enCal.xml 檔案的路徑, 取代下列粗體低線的代碼中即可。

新增至 BLOGGER 語法


<embed pluginspage="http://www.macromedia.com/go/getflashplayer"
src="enCalendar.swf" flashvars="fv_cal=enCal.xml&fv_mon=0" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="600" height="65" name="enCalendar" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" /></embed>

變更顯示目前月份 (預設 fv_mon =0)

當 fv_mon 設定是 0 的話, 代表行事曆會顯示當前正確月份; 如果 fv_mon 設定是 -1 的話, 則代表行事曆會顯示當前月份的上一個月;

如果 fv_mon 設定是 1 的話, 則代表行事曆會顯示當前月份的下一個月。
尺寸:
官方橫形行事曆推薦使用設定尺寸 width="600" height="65"
官方方形行事曆推薦使用設定尺寸 width="170" height="170"

2008年4月9日 星期三

網頁語言翻譯按鈕免費工具

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

MojoLingo提供繁體中文、簡體中文、英文、日文的網站翻譯與文字翻譯,並能夠與知名的搜尋引擎結合,進行網站翻譯。

官方目前免費提供下列二種主要功能

  • 網頁語言翻譯按鈕
  • 多語言搜尋工具

*****你需要將他們公司的圖檔上傳至免費圖片空間

*****才可以顯示出翻譯的小圖片哦(不然圖案一定是xx的樣式出現)

*****因為官方目前不在提供中翻英服務所以先換成google大神來替代

免費下載方案的適用對象是:

  1. Blog部落格擁有者

  2. 學術單位

  • 喜歡的話就直接使用吧!要Copy下面的Code在自己的自定區塊(或欄位),並將33tsai.blogspot.com 網址自行改成您的Blog網址

<script language="JavaScript">
var d2d_oldHost;
function d2d_11D1_Translate(ToInt) {
var oldurl = "";
var wptToChar = ToInt;
var wptFromChar = 0;
var gw_table = new Array();
var d2d_oldUrl = d2d_11D1_OldUrl();
gw_table[0] = "tc_tc.c2c.idc.hinet.net"; // fake gw
gw_table[1] = "sc2tc.mojolingo.xuite.net";
gw_table[2] = "en2tc.mojolingo.xuite.net";
gw_table[3] = "jp2tc.mojolingo.xuite.net";
gw_table[4] = "tc2sc.mojolingo.xuite.net";
gw_table[5] = "sc_sc.c2c.idc.hinet.net"; // fake gw
gw_table[6] = "en2sc.mojolingo.xuite.net";
gw_table[7] = "jp2sc.mojolingo.xuite.net";
gw_table[8] = "tc2en.mojolingo.xuite.net";
gw_table[9] = "sc2en.mojolingo.xuite.net";
gw_table[10] = "en_en.c2c.idc.hinet.net"; // fake gw
gw_table[11] = "jp_en.c2c.idc.hinet.net"; // fake gw
gw_table[12] = "tc2jp.mojolingo.xuite.net";
gw_table[13] = "sc2jp.mojolingo.xuite.net";
gw_table[14] = "en_jp.c2c.idc.hinet.net"; // fake gw
gw_table[15] = "jp_jp.c2c.idc.hinet.net"; // fake gw
if (wptToChar == -1)
oldurl = "http"+"://" + d2d_oldUrl;
else
oldurl = "http"+"://" + gw_table[(wptToChar*4) + (wptFromChar*1)] + "/http%3A%2F%2F" + d2d_oldUrl;
if (d2d_oldHost == null)
window.open(oldurl);
else
window.oldopen(oldurl);
}
function d2d_11D1_OldUrl() {
var curURL = window.top.location.href;
var prefix1 = "/http%3A%2F%2F";
var prefix2 = "/http://";
var idx = curURL.indexOf(prefix1);
if (idx < 0) {
idx = curURL.indexOf(prefix2);
if (idx < 0) {
return curURL.substring("http://".length, curURL.length);
}
else {
idx += prefix2.length;
return curURL.substring(idx, curURL.length);
}
}
else {
idx += prefix1.length;
return curURL.substring(idx, curURL.length);
}
return curURL.substring("http://".length, curURL.length);
}
function ShowMsg() {
alert("Translation Memory(TM) will provide your web site translation in more accuracy, please refer http://TM.MojoLingo.com.tw");
}
</script>

<table width="176" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom" colspan="4" align="cneter"><img border="1" src="http://lh6.google.com.tw/8s1099/R_or4mM9S4I/AAAAAAAAAEE/EwuC3ckvQLk/s144/MojoLingo.gif.jpg"/></td>
</tr>
<tr>
<td width="42"><a alt="繁體中文" href="http://33tsai.blogspot.com" target="_self"><img id="TC" border="0" style="cursor:pointer" src="http://lh6.google.com.tw/8s1099/R_or3mM9SzI/AAAAAAAAADc/WzvcLE6U5Zw/s144/TC.gif.jpg" onclick="d2d_11D1_Translate(-1);"/></a></td>
<td width="42"><a alt="簡體中文" href="http://tc2sc.mojolingo.xuite.net/http%3A%2F%2F33tsai.blogspot.com" target="_self"><img id="SC" border="0" style="cursor:pointer" src="http://lh3.google.com.tw/8s1099/R_or32M9S0I/AAAAAAAAADk/SyWB0hFhK1M/s144/SC.gif.jpg" onclick="d2d_11D1_Translate(1);"/></a></td>
<td width="42"><a alt="日本語翻駅" href="http://tc2jp.mojolingo.xuite.net/http%3A%2F%2F33tsai.blogspot.com" target="_self"><img id="JP" border="0" src="http://lh5.google.com.tw/8s1099/R_or4WM9S2I/AAAAAAAAAD0/2tT2eChntGY/s144/JP.gif.jpg"/></a></td>
<td width="42"><a alt="Translate to English!" href="http://translate.google.com/translate?u=http%3A%2F%2F33tsai.blogspot.com&langpair=zh-CN%7Cen&hl=en&ie=UTF8" target="_self"><img id="EN" border="0" src="http://lh4.google.com.tw/8s1099/R_or4GM9S1I/AAAAAAAAADs/RNMHFEqJzBo/s144/EN.gif.jpg"/></a></td>
</tr>
</table>
<!--翻譯 Mojolingo End -->

2008年3月26日 星期三

運用Lightbox在Blogger顯示圖片

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl




範例圖



Step 1. 修改 Template


進「Template\Edit HTML」的畫面。請先備份(點擊 Download Full Template)。找到以下代碼。

]]></b:skin>







</head>







<body>





然後在</head> 之前插入以下代碼。















<link href='http://klcintw.css.googlepages.com/lightbox.css media='screen' rel='stylesheet' type='text/css'/>

<script src='http://klcintw.js.googlepages.com/prototype.js type='text/javascript'></script>

<script src='http://klcintw.js.googlepages.com/scriptaculous.js?load=effects type='text/javascript'></script>

<script src='http://klcintw.js.googlepages.com/lightbox.js type='text/javascript'></script>









Step 2. 啟用LightBox程式的影像





在要套用Lightbox效果的圖片或連結加上「rel="lightbox"」並將href指向要顯示的內容url。如上面的範例中,小圖的url是href="http://picture/123.jpg",而大圖的url是href="http://picture/123.jpg" rel="lightbox"




若需要在展示大圖的「面版」底下顯示文字敘述,請將此敘述寫在title屬性裡面。














<a href="http://picture/123.jpg" rel="lightbox" title="此圖片的敘述寫在這裡"><img src="http://picture/123.jpg" /></a>








若要展示一連串相關群組的大圖,請採用底下的語法。在rel屬性中,用方刮號設定群組名稱(此例中的群組名稱叫做“roadtrip”),如此,當游標滑入影像範圍時,影像的右上或左上角就會出現“Next”(下一張)或“Prev”(上一張)文字:














<a href="images/image-1.jpg" rel="lightbox[roadtrip]"> image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]"> image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]"> image #3</a>










lightbox程式原作官網

2008年3月6日 星期四

Blogger in Draft:Blogger測試區

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

Blogger測試區就是Blogger in Draft,在這裡你可以試試Google Blogger目前正在測試的新功能,正常登入Blogger是從http://www.blogger.com/這個位址,如果想要登入Blogger in Draft,則是要從http://draft.blogger.com/登入,兩者的不同從登入後的控制主頁就可知道。

從http://draft.blogger.com/登入

圖片1

從http://www.blogger.com/登入

圖片2

登入Blogger in Draft後按下新增增元素,能新增的網頁元素也有不同:

圖片3

重點是在http://draft.blogger.com/新增一個新功能,之後回到http://www.blogger.com/也還能夠使用在draft.blogger中的元件功能耶--is good。

現在的你就可以立即享受到google blogger的全新測試功能哦!!

enjoy it !!

2008年3月5日 星期三

繼續閱讀詳見全文--加強版 --BLOGGER[版本2.x]參數設定說明

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

原文出處 [BLOGGER]繼續閱讀懶人加強版 - [版本2.x]參數設定說明

可設定部份為程式碼後段,如下所示紅色字的部份

<script src="http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.1.0.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';

</script>
<script>EasyReadMore.main()</script>

按順序逐一說明如下:
1.縮文(繼續閱讀)模式設定(預設值:mix模式)
  • Auto模式:EasyReadMoreSettings.Read_More_Mode = 'auto';
  • Custom模式:EasyReadMoreSettings.Read_More_Mode = 'custom';
  • Mix模式:EasyReadMoreSettings.Read_More_Mode = 'mix';
2.Auto模式下,文章最大行數(超過就自動縮文) (預設值:3行)
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
數字'3'改成想要的行數即可
3.Custom模式下,代表繼續閱讀的特殊符號(預設值:##ReadMore##)
支援阿土伯版本的符號(##CONTINUE##)
以及一般常見的<span id='fullpost'> 或 <span class='fullpost'>
範例:
相容阿土伯版本的符號
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##CONTINUE##';
相容<span id='fullpost'>
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'id';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = 'fullpost';
相容<span class='fullpost'>
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'class';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = 'fullpost';
4.設定繼續閱讀連結樣式(預設值:directlink(直接連結))
  • 直接連結:EasyReadMoreSettings.Link_Style = 'directlink';
  • 展開/收合:EasyReadMoreSettings.Link_Style = 'collapsible';
5.設定繼續閱讀按鈕顯示文字,以及連結的title屬性
顯示文字:
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
連結title屬性:
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
6.設定收合按鈕顯示文字,以及連結的title屬性(只有在樣式設定為「展開/收合」時才有效)
顯示文字:
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
連結title屬性:
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
7.文章展開後,收合按鈕是否移動(只有在樣式設定為「展開/收合」時才有效)(預設值:不移動)
不移動,取代繼續閱讀按鈕
EasyReadMoreSettings.Collapse_MoveToEnd = false;
繼續閱讀按鈕消失,收合按鈕出現在文章最後
EasyReadMoreSettings.Collapse_MoveToEnd = true;
8.設定各頁面預設顯示方式,有三種:
  • 繼續閱讀(摘要) - abstract
  • 只有標題 - title
  • 全文 - full
設定blog首頁:(預設值:摘要)
EasyReadMoreSettings.Index_Page_Style = 'abstract';
設定標籤(tag)分類頁:(預設值:標題)
EasyReadMoreSettings.Tag_Page_Style = 'title';
設定blog存檔(archive)分類頁:(預設值:標題)
EasyReadMoreSettings.Archive_Page_Style = 'title';
9.是否啟用快速切換按鈕(預設值:啟用)
  • 啟用:EasyReadMoreSettings.Controller_Enabled = true;
  • 停用:EasyReadMoreSettings.Controller_Enabled = false;
10.快速切換按鈕是否放在預設位置(在文章列表的頭和尾各顯示一個)(預設值:是)
放在預設位置:
EasyReadMoreSettings.Controller_Default_Position = true;
自訂位置(需自行修改範本html):
EasyReadMoreSettings.Controller_Default_Position = false;
註1:可用css操控快速切換按鈕,class為"read-more-controller"
註2:若要自訂顯示位置,請在範本的html內想要擺放的位置上插入:
<div class="read-more-controller"></div>
快速切換按鈕會自動加在裡面
11.自訂快速切換按鈕的分隔符號(預設值: )
EasyReadMoreSettings.Controller_Splitter = ' ';
修改紅色字部份即可
12.修改快速切換按鈕的顯示文字
完整模式的顯示文字:
EasyReadMoreSettings.Controller_Full_Text = '完整';
摘要模式的顯示文字:
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
標題模式的顯示文字:
EasyReadMoreSettings.Controller_Title_Text = '標題';
13.設定文章為「顯示全文」(不縮文)的特殊符號(預設值:##ShowAll##)
在文章的任意地方,插入此特殊符號,則該篇文章就會被略過(不執行縮文動作)
可自訂特殊符號
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
修改紅色字部份即可

繼續閱讀詳見全文--加強版 --BLOGGER

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

原文出處 : 繼續閱讀懶人加強版

v2.1.0 此版本的重點特色及安裝方式流程都在下面一一呈現給各位讀者

一、特點:
1. 安裝簡易:不需懂程式、html語法,只要點點滑鼠、複製貼上即可使用
2. Auto縮文模式:自動套用在整個blog,不需逐篇插入標記(懶人適用)
二、功能介紹:
1.提供 三種 縮文(繼續閱讀)模式:

  • Auto模式:自動以行數(br)縮文
  • Custom模式:使用者自行插入特殊標記(標記格式可自訂),由標記處開始縮文
  • Mix模式:混合Auto和Custom模式(若有特殊標記,則由標記處縮文,若沒有特殊標記,則按照行數自動縮文)
2.提供 兩種 繼續閱讀連結樣式:
  • 直接連結:點選「繼續閱讀」,直接連到文章全文
  • 展開/收合:點選「繼續閱讀」,原處 展開/收合 隱藏的內容
3.可設定各頁面(首頁、標籤(tag)分類頁、blog存檔(archive)頁)的文章顯示方式:
  • 全文:不做縮文動作
  • 摘要:縮文,並顯示繼續閱讀連結
  • 標題:只顯示標題

4.快速切換按鈕:
自動產生 全文摘要標題 的連結按鈕,可點選並快速切換檢視方式(按鈕名稱、擺放位置可自訂)

安裝前注意事項:
1.若有先前有安裝其他版本(阿土伯版本、本站的1.x版本)的繼續閱讀,請先完整移除後,再安裝
2.若你的模板本身有附繼續閱讀功能(ex:羊男的三欄式),可能會有衝突,請先想辦法移除,或是換其他模板....
3.某些特殊的模板(如:Blogcrowds的模板),因為模板結構和blogger預設的不相同,所以無法支援(安裝了也沒作用),請換其他模板之後,再安裝。
安裝步驟:
1.到Blogger的控制(後台)頁面
2.範本->網頁元素
3.按下「加入網頁元素」,出現可用的網頁元素清單
4.找一個名稱為「 HTML/JavaScript」,按下「加入BLOG」,會進入設定的頁面
5.「標題」欄位,請填入 ##EasyReadMore##
6.「內容」部份,請複製以下程式碼填入

<script src="http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.1.0.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
</script>
<script>EasyReadMore.main()</script>

7.按「儲存變更」,安裝完成!!

詳見全文(繼續閱讀)使用方法 -for- Blogger

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

Mr.J Sir 改良後的文章 詳見全文功能
Step1: 首先,將 程式1,程式2 放在
</head>
之前。
程式1: 用來設定CSS

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>

程式2: 用來判斷是否要出現 詳見全文 的連結

<script type='text/javascript'>
function hidePost(PostId,PostUrl) {
var Post = document.getElementById("hidePost-"+PostId);
var PostContent = Post.innerHTML;
if(PostContent.indexOf("fullpost")!=-1){
Post.innerHTML="<br/><div><a href='"+PostUrl+"'> 詳見全文... </a></div>";
}else{
Post.innerHTML="";
}
}
</script>

Step2: 找到
<div class='post-header-line-1'/>

和

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

把這三行之間程式內容(包括這三行)替換成 程式3
程式3: blogger中,顯示文章內容的程式碼

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<span expr:id='"hidePost-" + data:post.id'><data:post.body/></span>
<script type='text/javascript'>
hidePost('<data:post.id/>','<data:post.url/>');
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Step3: 避免點選較舊文章 可能會失效的情況。
找到以下程式碼,將以下刪除線的部份,從程式裡移除掉。
移除前後得差別在於,點選較 新的文章/較舊的文章 ,瀏覽器顯示的網址,不再是 http://yorblogname.blogspot.com,而是網址加上一大串的參數。
yorblogname:你的部落格名稱

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

Step4: 可以在 blogger的 設定/格式 中,填入以下內容,當每次要寫新文章時候,就會預設出現,不用自己再key 一遍。

文章摘要的部分
<span class="fullpost">這裡是要隱藏的部分</span>

改寫的部份,其實就是判斷文章內容是否有出現 fullpost這個字,如果有的話,表示有使用到 <span class="fullpost">,則就應該要出現改良詳見全文的連結。

部落格名片產生器 - 台灣版 - Mr.J

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl



【部落格名片產生器 for 台灣 】
這個小工具主要是可以快速建立列出你常使用的網路服務清單,如果你不太擅長使用Html,這就是一個方便的小工具。目前提供三種外觀版本選擇:

1.精簡版: 小圖呈現

2.詳細版:小圖+文字敘述

3.下拉版:文字下拉選單


如果您不喜歡預設的外觀顏色等等,作者很貼心的讓你可以自行修改所產生的程式碼裡頭的CSS。

不喜歡作者原先預設呈現的順序,您也可以按住列表中最左邊的小圖不放,然後上下移動就可以改變顯示順序。( Mr.J 2008.03.04新增此功能)


2008年2月27日 星期三

送Blogger文後相關文章功能

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

原文出處 http://abintech.azhai.org/2007/03/related-post.html

轉貼教學

Blog 文章一多,分類標籤的運用在找尋特定文章時就很重要。當有些讀者從外面的搜尋引擎或 RSS 連進來看 Blog 特定文章的時候,在文章的後面隨機列出一些相關文章的標題,一方面可以讓讀者找到更多對方可能會感興趣的 Post,另一方面也可以吸引讀者多去瀏覽自己其他的文章。Blogger 系統所有的文章都有靜態連結網址,看起來頁面內容並不是「動態」從資料庫抓出來的(除了那些要去即時收集的模組),所以在單篇文章的後面亂數挑出一些相關的文章表列出來,應該也不會太花時間。

原理其實很簡單,透過文章分類標籤的 RSS Feed,找出一些和該篇文章有相同標籤的文章,它們就是「相關文章」,然後亂數挑出幾篇,過濾內容將標題、連結和日期列出就大功告成了。在網路上找到了一些範例,其實不大滿意,因為有個 bug:相關文章應該是排除本文之外有相同分類標籤的文章,偏偏這些範例挑亂數的時候有可能會挑到本文,這樣就會看到相關文章模組內還有本文標題在裡面的奇怪情況(邏輯上是沒錯啦)。所以看到這些範例除了例行性會去修改增加可讀性外,還要自己去解決這個 Bug。這個 Hack 應該是我 Blog 最後一個大規模的修改,之後除了調整 CSS 和外觀外,差不多想弄得功能都弄完了~

老樣子,要修改之前要先備份樣版。首先,塞入以下這段 Javascript (在 </head> 標籤前):

<script type='text/javascript'>
//<![CDATA[
<!-- Script functions for Related Posts: RelatedLabels(), RemoveDuplicatedPosts(), contains(), ShowRelatedPosts()-->
var relatedPostsNum = 0;
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedDates = new Array();
function RelatedLabels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedPostsNum] = entry.title.$t;
relatedDates[relatedPostsNum] = entry.published.$t.substr(0,10);
for (var j = 0; j < entry.link.length; j++) {
if (entry.link[j].rel == 'alternate') {
relatedUrls[relatedPostsNum] = entry.link[j].href;
relatedPostsNum++;
break;
}
}
}
}
function RemoveDuplicatedPosts(PostUrl) {
var tmpUrls = new Array(0);
var tmpTitles = new Array(0);
var tmpDates = new Array(0);
function contains(a, e) {
for(var j = 0; j < a.length; j++)
if (a[j]==e)
return true;
return false;
}
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmpUrls, relatedUrls[i]) && PostUrl != relatedUrls[i]) {
tmpUrls.length += 1;
tmpUrls[tmpUrls.length - 1] = relatedUrls[i];
tmpTitles.length += 1;
tmpTitles[tmpTitles.length - 1] = relatedTitles[i];
tmpDates.length += 1;
tmpDates[tmpDates.length - 1] = relatedDates[i];
}
}
relatedTitles = tmpTitles;
relatedUrls = tmpUrls;
relatedDates = tmpDates;
}
function ShowRelatedPosts(PostUrl) {
RemoveDuplicatedPosts(PostUrl);
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if (relatedTitles.length > 0) {
document.write('Related Posts: <ul>');
while (i < relatedTitles.length && i < 5) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a> - ' + relatedDates[r] + '</li>');
if (r < relatedTitles.length - 1)
r++;
else
r = 0;
i++;
}
document.write('</ul>');
}
}
//]]>
</script>

獨獲創見的部分就是把該篇本文的 URL 當變數傳入 Javascript Function 裡,在剔除重複文章的時候把自己一併從陣列裡刪掉,這樣就解掉上述的 Bug 啦!此外,程式裡紅字的部分,是用來控制相關文章的數量,我預設用五篇,請依個人需要修改。接下來,就是塞入收集相關文章的 Javascript,找到下面這段在文章內容後面顯示分類標籤的程式:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

在迴圈結束 </b:loop> 前面加入呼叫收集相關文章的code:

<!-- Fixed for Related Posts -->
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=RelatedLabels&amp;max-results=10"' type='text/javascript'/>
</b:if>

同樣的,紅色的部分也是用來限制數量,每個標籤抓出最近的幾篇文章來匯總(該數字至少要 >= 上面 Javascript 裡定義顯示的數量。數字加大,可以增加相關文章的亂數樣本,也就是相關文章可以顯示越多舊的相關文章)。抓完文章當然就是找地方顯示囉!只有一個限制:一定放要在文章分類標籤那段的後面(就是一定要呼叫過上面那段,這樣也才會有相關文章可以顯示啊~),所以我就直接放在後面(上面這段 </b:if> 標籤的後面就可以,位置依自己的樣版外觀調整),這部分呼叫顯示相關文章的程式碼如下:

<!-- Fixed for Related Posts -->
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
ShowRelatedPosts(&#39;<data:post.url/>&#39;);
</script>
</b:if>

2008年2月26日 星期二

SiteTag:http://sitetag.us/ 標籤雲產生器

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

快速的幫部落格文章自動制定標籤,而且又支援中文關鍵字的定義

要使用SiteTag,首先必須你的部落格可以安裝JavaScript的外掛,然後後續過程就很簡單了。點選網站上方的「註冊」,然後依照說明填入相關資料,最後就會獲得需要安裝到部落格的追蹤程式碼,只要跟其他外掛一樣,將程式碼安裝到你的部落格側邊欄位即可;接著等待一段時間讓SiteTag蒐集足夠的Tag資訊,然後登入SiteTag,在「我的SiteTag」控制台左方,可以選擇「設定Badge」來安裝可以顯示的標籤雲。

Sitetag目前提供了兩種標籤雲,一種是簡單超連結的「文章標籤列表」,它會依據目前文章頁面來顯示相關關鍵字;另一種是有外框的「標籤雲名片」,它會顯示整個網站熱門的關鍵字;只要點選「立刻使用」就可以獲得外掛程式碼,將其安裝到部落格中即可,SiteTag的標籤雲讓訪客可以透過標籤雲來查找具有相關性的其他文章。

關於「SiteTag」的網站步驟介紹,請觀賞異塵行者的文章「SiteTag 幫部落格文章自動定標籤」,那的解釋說明十分詳盡!

SiteTag官方網站

2008年1月21日 星期一

為你的blog加上GOOGLE 多國語言翻譯

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

Google的web翻譯服務,只要在你的BLOG程式 or 文章頁面加上下列語法,即可讓有需求的觀眾點選自動轉換功能,就可以將您的繁體 Blog 翻譯成英文版、簡體中文版!!

1.使用圖示語法

下表 紅色粗體 部分為圖片檔可將此置換成你的圖示。

<form action="http://www.google.com/translate_p" style="margin:0;padding:0;" target="_top">
<script type="text/javascript">
var myLocation = location.href;
var loc = myLocation.split("http://");
var locID = loc.length;
var myurl = "http://"+loc[locID-1];
document.write ('<input value="'+myurl+'" name="u" type="hidden"/>');
</script><noscript><input value="" name="u" type="hidden"/></noscript>
<input value="zh-TW" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<input src="http://lh4.google.com/asd6889/R5SsjMaTNuI/AAAAAAAAAgU/tpDFzYy8vvk/s144/china.jpg" value="zh-TWzh-CN" name="langpair" title="简体中文/Chinese Simplified" onclick="this.form.langpair.value=this.value" align="bottom" type="image"/>
<input src="http://lh5.google.com/asd6889/R5SsjcaTNvI/AAAAAAAAAgc/_-Jv24fOgro/s144/chinese.jpg" value="zh-TWzh-TW" name="langpair" title="繁體中文/Chinese Traditional" onclick="this.form.langpair.value=this.value" align="bottom" type="image"/>
<input src="http://lh5.google.com/asd6889/R5SsicaTNtI/AAAAAAAAAgM/zPkeX8dFG0M/s144/usa.jpg" value="zhen" name="langpair" title="English" onclick="this.form.langpair.value=this.value" align="bottom" type="image"/>
</form>

2.使用存文字語法

下表 紅色粗體 部分可自行修改。

<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr align="center">
<td><font ><a class="" title="to English" href="javascript:dotrans('zhen');">English</a></font></td>
<td><font size="2" face="Arial"><a class="" title="to Traditional Chinese" href="javascript:dotrans('zhzh-TW');">繁體中文 </a></font></td>
<td><font size="2" face="Arial"><a class="" title="to Simply Chinese" href="javascript:dotrans('zh-TWzh-CN');">简体中文 </a></font></td>
</tr></tbody></table>
<script language="javascript" type="text/javascript">
function dotrans(destLang) {
var srcUrl = location.href.toLowerCase();
srcUrl = ((srcUrl.indexOf('%7c')!=-1 )? unescape(srcUrl.replace(/\+/g, " ")):srcUrl);
if( srcUrl.indexOf('&langpair=') != -1 srcUrl.indexOf('?langpair=')!=-1) {
var idx = srcUrl.indexOf('&u=');
if( idx == -1 ) return;
srcUrl= srcUrl.substring(idx+3);
}
srcUrl = 'http://translate.google.com/translate_p?hl=zh-TW&langpair='+destLang+'&u='+srcUrl;
location.href=srcUrl;
}
</script>

3.展示

新加/修改一個 HTML/JavaScript 網頁元素,將上述內容(2擇1)貼上去後儲存。測試正常即大功告成..

2008年1月14日 星期一

找出Blog的RSS-YOURRSS

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

找不著喜愛網站的RSS而苦惱嗎?? 一一


YOURRSS網站可以幫你解決這個問題,只要輸入網站網址,按下【檢索】,網站的RSS位址就會乖乖的現形了,此外YOURRSS還可用來做「單一」網站的聯播,我是把它拿來播放個人Blog效果不錯...唯一缺點是輪播速度太快了...來不急看清楚就變下一個主題了 @@!


  • 在網址列上KEY上你要查詢的 URL,按下【檢索】RSS位址就會出現了




  • 再來是製作聯播小工具,按下 就會出現下圖聯播貼紙
    選擇 blogparts TopiX 字後圖示按鈕



  • 右下方就是聯播的FLASH樣示




  • 同意內容條約規定,產生SCRIPT程式碼再複製框內的Script,
    貼到想要放置的位置就OK啦!

  • 左下角即是SCRIPT程式碼 複製、貼上就有聯播小工具了


2008年1月8日 星期二

Spotplex--為blog加入夯ㄏㄤ文章列表

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

  • Spotplex是個會在網站上顯出部落格裡那些文章受歡迎, 同時也可以為部落客在blog中加入這個排行榜
  • Spotplex 的介面很符合 web 2.0 的概念 :註冊,設定容易.除此之外,加入後,會把文章的瀏覽數值傳回網站,並在首頁上輪播.可為blog提高曝光率
  • 關於顯示的大小及幾篇文章, 都是可以調整的.
  • 將程式碼, 貼回部落格. 第一次啟用, 大約要等1天(24小時)左右或更久, 就可以出現 popular articles 的對話框了..

PowerPoint投影片、PDF簡報貼在部落格上

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

「SlideShare」則是專門用來上傳、展示PowerPoint簡報檔,一樣是秀內容,而且也都支援網站上直接瀏覽、用Embed的方式插入網頁,相當方便。需先到網站註冊就可以開始用嘍

簡介
網址:http://www.slideshare.net/
功能:可上傳、展示PowerPoint簡報檔內容,支援線上翻頁功能。
支援格式:可上傳PowerPoint (ppt & pps)、 PDF與OpenOffice (odp)格式
單檔上限:30MB以下。

貼至blog步驟如下:

  1. 上傳完PowerPoint簡報檔、檢查無誤後,在簡報檔頁面右邊的「Embed into your blog」欄位中全選,使欄位中的網址反白後,再按一下滑鼠右鍵,再點選【複製】。
  2. 接著登入你的部落格,以blogger為例,張貼建立新文章,請先按一下〔修改html〕按鈕,切換成原始碼編輯模式,再將程式碼插入到文章處。
  3. 剛剛的簡報檔已經順利被我們嵌入在文章中囉,要在自己部落格分享PowerPoint簡報就是這麼簡單囉。

2008年1月6日 星期日

教你如何在 Google Blogger 上加入書籤按鈕

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

開始步驟如下( 按圖施工保証成功 ^0^! )

1. 先備份你的 Blogger 範本 HTML

2. 修改 Blogger 範本的 HTML,請記得勾選 展開小裝置範本

3. 尋找下面框框內第一行字,將它『取代』成下面這個樣子後儲存

<div class='post-header-line-1'>
<div style="text-align:right">加入書籤:
<a expr:href='"javascript:addBookmark(\"hemidemi\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"myshare\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"baidu\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"google\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"yahoo\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"delicious\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"digg\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"technorati\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="technorati" alt="technorati" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
<a expr:href='"javascript:addBookmark(\"furl\"," + "\"" + data:post.title + "\"" + "," + "\"" + data:post.url + "\"" + ");"' >
<img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="furl" alt="furl" border="0" style="vertical-align:text-bottom;border-width:0px;padding:0"/></a>
</div>
</div>

4. 新加/修改一個 HTML/JavaScript 網頁元素,將底下內容貼上去後儲存。

<script type="text/javascript">
function getSelectText() {
var d = document;
var desc = '';
if(window.getSelection)desc=window.getSelection();
else if(document.getSelection)desc=document.getSelection();
else if(document.selection)desc=document.selection.createRange().text;
else desc = '';
return desc;
}
function addBookmark(sType, sTitle, sURL) {

//var via = if(document.referrer)via=encodeURIComponent(document.referrer);
var via ='';
var result = '';
var sTitle = encodeURIComponent(sTitle);
var sURL = encodeURIComponent(sURL);
sDesc = encodeURIComponent( getSelectText());

if( sType==("hemidemi")) {
result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;
} else if( sType==("myshare")) {
result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;
} else if( sType==("baidu")) {
result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;
} else if( sType==("google")) {
result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;
} else if( sType==("yahoo")) {
result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';
} else if( sType==("delicious")) {
result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;
} else if( sType==("digg")) {
result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;
} else if( sType==("technorati")) {
result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;
} else if( sType==("furl")) {
result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+'&u='+sURL+'&r='+escape(via)+'&c='+sDesc+'&p=1';
}

if(result!='') {
window.open( result, 'addbookmak');
}
}
</script>


5. 測試正常即大功告成..增加你想要的書籤按鈕。

2007年12月26日 星期三

讓卡巴斯基也可以顯示 GOOGLE、Blogger廣告

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

1. 開啟 卡巴-->設定-->反間諜保護


2. 啟用反廣告設定


3. 白名單-->加入


4. 把下面合法網域加入
*.googlesyndication.com
*.dotmore.com.tw
*.bloggerads.net



重新(CTRL+F5)整理網頁BLOG就可以看到 廣告了

2007年12月21日 星期五

Add This!

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl



Add This! 提供數款 widget ,能讓你的網站訪客輕鬆將網站加入網路書籤、或是使用 Feed Reader 閱讀網站的最新資訊。無不想註冊就使用這項服務的話,請將 Want stats with that? 選項選擇 No, thank you! 即可。
這是由 Add This! 產生的 Bookmark Widget 範例:
Add This! 產生的 Feed Widget 範例:
【網站網址】http://www.addthis.com/web-button-select.html


以下是相關的免費資源:
Postli 多合一書籤服務
buttonr.com 多合一書籤服務
FeedButton 下拉式訂閱按鈕
SiteTag - 網站標籤自動產生器
GagaLive - Flash 即時聊天室,免註冊可立即創建使用。
Add to Any - 將 Feed Reader 與網路書籤服務通通整合在一起。
FEEDJIT - 即時顯示的部落格流量紀錄,無須註冊馬上使用!
9 Minutes of Fame 向全世界展示你的部落格九分鐘!

2007年12月9日 星期日

利用 Google Co-op 製作電腦資訊部落格搜索引擎

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

利用 Google Co-op 製作電腦資訊部落格搜索引擎

Google 推出一個好用的工具,Google Custom Search Engine。也就是說,你可以自訂一個屬於自己的搜尋引擎,藉由自訂一些網站清單,然後指定搜尋的結果是只要包含這些網站,或者是排除這些網站。
由於自訂的網站清單會很多,Google Custom Search 也提提了 tag 的功能。你也可以把 Google Custom Search Engine 所提供的 code 貼到網站或部落格,如此便可有一個搜尋的 BOX。另外也可以結合原有的 AdSense 以賺取廣告收益。
其實 ,Yahoo Search Builder 及 Eurekster Swicki也早就提供了類似的自訂檢索工具,並且還有 Buzzcloud 的功能,可以很清楚使用者最常搜尋的關鍵字有那些。

狀態廣告

EasyReadMore