星風寫語

blogger：增加依標籤分類的相關文章

2009-09-26T21:34:00.000+08:00

文章末端，增加延伸閱讀，讓訪客容易找到相關文章

第一個方式來源：skyvee的依標籤分類的相關文章(related posts)功能
效果如下：

1.後台-->版面配置-->修改HTML-->打勾V展開小裝置範本
2.下面的語法複製到 <data:post.body/>後面一行。
(官方樣本的話，可以考慮複製到<div class='post-footer-line post-footer-line-3'>後面)

<!-- 延伸閱讀 -->      

<b:if cond='data:blog.pageType == &quot;item&quot;'>       

<div class='similiar'>       

<div class='widget-content'>       

<h3><green>延伸閱讀</green> : </h3>       

<div id='data2007'/>       

<script type='text/javascript'>       

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;       

maxNumberOfLabels = 1; //延伸標籤數        

maxNumberOfPostsPerLabel = 6; //文章數   

function listEntries10(json) {      

var ul = document.createElement(&#39;ul&#39;);       

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?       

json.feed.entry.length : maxNumberOfPostsPerLabel;       

for (var i = 0; i &lt; maxPosts; i++) {       

var entry = json.feed.entry[i];       

var alturl; 

for (var k = 0; k &lt; entry.link.length; k++) {      

if (entry.link[k].rel == &#39;alternate&#39;) {       

alturl = entry.link[k].href;       

break;       

}       

}       

var li = document.createElement(&#39;li&#39;);       

var a = document.createElement(&#39;a&#39;);       

a.href = alturl; 

if(a.href!=location.href) {      

var txt = document.createTextNode(entry.title.$t);       

a.appendChild(txt);       

li.appendChild(a);       

ul.appendChild(li);       

}       

}       

for (var l = 0; l &lt; json.feed.link.length; l++) {       

if (json.feed.link[l].rel == &#39;alternate&#39;) {       

var raw = json.feed.link[l].href;       

var label = raw.substr(homeUrl3.length+13);       

var k;       

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);       

label=decodeURI(label); //避免中文標籤出現亂碼       

var txt = document.createTextNode(label);       

var h = document.createElement(&#39;b&#39;);       

h.appendChild(txt);       

var div1 = document.createElement(&#39;div&#39;);       

div1.appendChild(h);       

div1.appendChild(ul);       

document.getElementById(&#39;data2007&#39;).appendChild(div1);       

}       

}       

}       

function search10(query, label) {       

var script = document.createElement(&#39;script&#39;);       

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;       

+ label +       

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);       

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);       

document.documentElement.firstChild.appendChild(script);       

}       

var labelArray = new Array();       

var numLabel = 0;       

<b:loop values='data:posts' var='post'>       

<b:loop values='data:post.labels' var='label'>       

textLabel = &quot;<data:label.name/>&quot;;       

var test = 0;       

for (var i = 0; i &lt; labelArray.length; i++)       

if (labelArray[i] == textLabel) test = 1;       

if (test == 0) {       

labelArray.push(textLabel);       

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?       

labelArray.length : maxNumberOfLabels;       

if (numLabel &lt; maxLabels) {       

search10(homeUrl3, textLabel);       

numLabel++;       

}       

}       

</b:loop>       

</b:loop>       

</script>       

</div>       

</div>       

</b:if>

3.紅字部份可以進行調整，
其中~~<green></green>~~是我自己設定的底線樣式，可以刪除、或參考這一篇：CSS：幫文字加上底線

第二個方式來源：Related Posts with Thumbnails for Blogger效果相同，但是會增加簡圖(從文章的圖片抓)
(另外還有一種LinkWithin 用縮圖顯示部落格「相關文章」
也可以參考)

1.在</head>前面放入css樣式

<!--Related Posts with thumbnails Scripts and Styles Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:black;

}

#related-posts a:hover{

color:black;

}



#related-posts  a:hover {

background-color:#d4eaf2;

}

</style>

<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

 </head>

2.把下面語法放到要呈現的位置
(不知道要放哪的話，可以放在官方樣本的class='post-footer-line post-footer-line-1'後面一行)

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

 var maxresults=5; //文章數

var relatedpoststitle="Related Posts"; //相關文章標題

removeRelatedDuplicates_thumbs(); 

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

「GC」Google 瀏覽器Chrome最新穩定版：3.0.195.21

2009-09-16T15:49:00.006+08:00

3.0195.21的最新功能

基本的功能請看這裡

下文來源：Chrome 3.0版穩定下來了！

文/陳曉莉 (編譯) 2009-09-16

與Chrome 2.0相較，3.0版的Javascript執行效能提昇了25%。

Google Chrome產品經理Anthony Laforge周二（9/15）宣布，在歷經51個開發人員、21次的測試版，與15次的穩定版更新，及3505次的臭蟲修復後，Chrome 3.0穩定版終於出爐。

Chrome 3.0主要改善了速度、使用者介面，及功能。與Chrome 2.0相較，3.0版的Javascript執行效能提昇了25%。

在使用者介面上也提供更多客製化功能，3.0版重新設計了標籤頁面，讓使用者可依照喜好採用拖曳的方式改變網站縮圖的位置，或是強制將縮圖釘在特定位置上，以避免該縮圖被其他後來造訪的網站淹沒；此外，使用者也可以刪除特定網站縮圖或是隱藏所有縮圖，或是回復誤刪的縮圖。

3.0版本亦改善了結合搜尋及網址列的Omnibox功能，包括最佳化其下拉式功能表，以及新增各種圖示以協助使用者區分Omnibox所建議的網站、搜尋、書籤及自使用者歷史紀錄中尋得的網站。

3.0採用了HTML5標準，該標準可支援影片功能，讓使用者在網頁中嵌入影片像嵌入圖片一樣容易，而且不用額外下載影片播放外掛程式就能播放相關影片。

為了讓使用者享有更個人化的瀏覽器，3.0版提供了主題功能，使用者可透過Google所架設的Themes Gallery選擇瀏覽器外觀顏色、樣式或圖片。

上述所有的功能皆曾在Chrome開發人員版本及測試版中供應，等到Google確認沒有臭蟲或穩定性問題才會釋出供所有用戶下載的穩定版本。Chrome的更新機制屬於沈默更新，會自動偵測及下載新版本，因此使用者在開啟Chrome瀏覽器後就會發現它已升級到3.0版本。

簡潔且執行速度快的Chrome一度被視為功能太少，不過，Google持續更新Chrome也讓該瀏覽器市佔率穩定成長，根據Net Applications的調查，Chrome市佔率自去年的1%已成長到今年8月的2.84%。這一年來除了微軟的IE瀏覽器市佔下滑外，Firefox、Safari與Chrome皆呈成長狀態。（編譯/陳曉莉）

下面介紹3.0195.21功能

1.主題：幫chrome換個外觀

2.分頁：可以拖曳變更位置，大概是當作另一個書籤列。
往上會看到多一個固定、取消的選項

「GC」Google 瀏覽器Chrome介紹

2009-09-16T15:49:00.002+08:00

Google瀏覽器，新推出穩定版3.0.195.21！(新功能在此)
(舊版2.xxxx請按「板手」功能表->關於Google瀏覽器(P)就可以更新囉！)

Google Chrome瀏覽器最大的優點就是佔用「記憶體小、開啟網頁速度快」，如果覺得網頁下載速度很慢，一定要試試！
1.安裝：在更多 Google 產品找到這樣的圖示即可開始安裝(或者直接選這個連結前往)

2.開啟後大概長這樣，在右邊的「板手」功能表可以修改設定

其中「新增無痕式視窗」：會開啟另外的瀏覽視窗 (無痕式＝不在電腦上留下cookie、瀏覽紀錄)

「永遠顯示書籤列」：書籤列(我的最愛)的功能(快捷鍵：Ctrl+B可以快速開關)
「書籤管理員」：管理書籤(我的最愛)
下圖紅線框即是書籤列，瀏覽網頁的時候，只要點網址左邊的星號「☆」(在1的位置)，就可以把常用網址加到書籤列(在2的位置)

「下載」：查看檔案的下載紀錄(Ctrl+J)

「匯入書籤及設定」：從其他瀏覽器匯入書籤(我的最愛)

3.修改設定

開啟chrome時，可以設定開啟的網頁：(擇一)
「還原最後開啟的網頁」：即開啟上一次關閉的網頁(我每天都會固定上幾個網站，所以通常用這個設定)

「開啟下列網頁」：固定開啟多個常逛的網頁

「首頁-開啟此頁」：設定首頁

~~在「偏好調整」->「變更字型及語言設定」可以更改預設字型(不改的話，中文字預設為標楷體)~~
~~在「Sans-Serif字型」這邊更改成「新細明體」，可以把中文字標楷體的預設改掉~~
(此為2.xxx舊版本設定，新版本似乎是正常顯示)
如果有需要更改的話，在「板手」功能表->選項->進階選項(拉到最下面)->變更字型及語言設定
就可以做更改了

ps.如果有需要設定proxy的話，一樣在「選項」->「進階設定」->「網路」->「變更代理伺服器設定」即可修改

4.建立應用程式捷徑：可以把網路上的應用程式(如flash)、或者google網頁(如gmail、google reader)、或者其他網頁程式設定成以google瀏覽器開啟，可參考這篇文章

電腦玩物：Google Chrome 目前我這樣用：桌面端離線／在線網路應用程式，優點仍是google瀏覽器的記憶體小，特別是google的一些相關網頁開啟速度很快

5.「縮放」->「放大、縮小」：覺得網頁字體太小？可以按「Ctrl+」放大、「Ctrl-」縮小、「Ctrl0」還原

6.google瀏覽器、多使用者
可以讓每個人(或者多重帳號登入)都有不同的設定：設定多個chrome捷徑
方法：

1.複製chrome捷徑、並重新命名
2.「滑鼠右鍵」->選擇「內容」->在「目標」程式捷徑這邊尾巴後面加上「 --user-data-dir=C:\chrome」
ps.別忘了--user前面要加空白、C:\chrome則是設定不同使用者的資料夾路徑
其他相關可參考：Meme的將 Google Chrome 的暫存檔移至 RAMDisk這篇文章

7.google chrome自己的工作管理員，可以查看每個網頁、程式(Flash等)所耗用的記憶體，抓出耗用資源的兇手，按「結束處理程序」把它關閉

8.google search
在網址列即可使用google搜尋(預設搜尋引擎微google，要改變可到「板手」功能表->選項->基本選項->預設搜尋那邊設定)

9.google chrom的快速鍵
Google 說明 › Google Chrome 說明 › 開始使用 › 鍵盤快速鍵

10.「網頁元素檢查」：瀏覽網頁時，按下右鍵「檢查元素」，可以查找網頁元件大小、速度
(部落格安裝太多元件，拖慢瀏覽速度可以查看)

其他補充：另外看到幾篇相關文章
在chrome官網瞭解關於 Google 瀏覽器的資訊 »可以看到相關教學影片
有這些內容：

．新分頁網頁
．應用程式捷徑
．動態分頁
．防當機控制
．無痕模式
．安全瀏覽
．簡易書籤功能
．匯入設定
．更簡易的下載

Google瀏覽器的wiki介紹
其他如果還有興趣的話，google後會有更多資訊

blogger繼續閱讀

2009-09-14T16:02:00.003+08:00

作者 a892245 ( ) 看板 Blog
標題 Re: [Blogger] 狂賀！繼續閱讀功能推出啦！
時間 Thu Sep 10 17:44:26 2009
───────────────────────────────────────

如果已經插入跳行或是還是不能用的人

可以修改範本→展開小裝置範本→找到<data:post.body/>

接著它後面貼入下方語法

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

應該就可以用了

預設會顯示閱讀更多>>

這個中文字可以改，就在版面配置→編輯網誌文章裡

至於要讓繼續閱讀向右靠，則可以在範本的CSS處加入

.jump-link{text-align: right;}

單純改變繼續閱讀這個超連結的樣式話

則是使用 .jump-link a{}

--------------------------------------------------------

順帶一提這段程式碼官網預設的位置是這樣

<div class='post-body entry-content'>
<data:post.body/> <-- 本文
(略)
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

如果用的是官方範本，沒特別去設定的話，應該是跟著.post{}的樣式跑

建議可以把那段程式搬進去(略)的那個位置，讓他跟本文變成一體

這樣他就可以套用.post-body{} 所設定的樣式了

--
http://lingshu1005.blogspot.com/
something about my life

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.27.159.42

下拉式選單

2009-09-13T18:20:00.004+08:00

簡單製作下拉式選單：網頁連結、好友連結

．本文參考自：dllee的下拉式選單之部落格連結

修改了一下下拉選單，範例：
其中css那邊我設定了一個dlink_style的樣式，可以做修改

<!-- 網頁連結 -->

<style type="text/css">

#dlink_style { 

color: #fff;

background-color: #316AC5;

}

</style>



<form>

<select name="choice">  

<option id="dlink_style"/>網頁連結↓ 

<option id="dlink_style"/>■■好用的google網頁 

<option value="http://www.google.com.tw/reader/view/?tab=3y"/>．閱讀器 

<option value="http://sites.google.com/?tab=m3"/>．協作平台 

<option value="http://mail.google.com/mail/?tab=3m"/>．gmail 

<option value="http://picasaweb.google.com/"/>．picasa 

<option value="http://www.blogger.com/home"/>．blogger  

</select>

<input class="button" onclick="window.open(this.form.choice.options[this.form.choice.selectedIndex].value)" type="button" value="GO" />

</form>

另外找到一個比較短的(直接選就跳新視窗)



<select onChange=javascript:window.open(this.options[this.selectedIndex].value)

name="ok">

<option>網站連結</option>

<option value="網址">網站名稱</option>

<option value="網址">網站名稱</option>

</select>

css：幫文字加上底線

2009-09-12T19:17:00.017+08:00

很簡單的步驟，就能幫文字加上底線。

．本文來源：「skyvee」的就是要不一樣! 幫文字段落加上獨樹一格的底線 underline

1.在skyvee的文章中有幾個線條樣式可以選擇，我大概挑了幾個，可以右鍵另存新檔，上傳到自己的空間

．第一個

．第二個

．第三個

．第四個

2.修改css樣式表，(不知道要貼在哪的話，可以貼在 ]]></b:skin> 前面一行)

.post color{      

  background: url(http://圖片網址) repeat-x bottom;       

  line-height:22px;       

  font-style:normal;       

}

3.color可以改成自己比較好記的，像我是改成red、pink、yellow、green

.post red{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilza4qPvzQYpCFojO7u8a7TsU1DMFGqDsdxCOcpJdwkVjxpGEdJXX0oWM3YbZ6aPEhzwBW-3bF4S3rD7Y7WdF6YvCcpZGWEIuSzh3v7-D69Gnu3MlgLP4e0VEMlXOMbna5eqT32Oa7qn-4/) repeat-x bottom; line-height:22px; font-style:normal; }  

.post pink{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6cTZ6k3c-0Si_6YYugqpYTRgVpHb0mG3lw3DBGSQSzXKXbnEQRQNFkSVsrv1MMh4DUq6mtLbhiO1wPqEUd8UQjdV9zIpbJlhLq4rcjiog_SZUw6mIFABprG0x0uQcZPcRNpyM0O7m8lsJ/) repeat-x bottom; line-height:22px; font-style:normal; }  

.post yellow{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEv7h6EJHUNmg58tWtnu6yAwVKqwJ1vC3tTBjVcaKSX6S9sME5t5KHR0dwPUB7Rl2FNDEJIPDmqgDLi_beRNnuz-p8Wad5mGoEv2d_3LyrKIL_Lh70Ehlqnmry7jOMplN9MI5R_ECOMHFF/) repeat-x bottom; line-height:22px; font-style:normal; }  

.post green{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-uY_jMzU_x4gPxcaw8herngFDG5JI7GwH40VHZcefahERpf4oWBrYF-WOXgfeqA8LW15hMoegvwhKcmCgDdE8kFLN9-GQYxMjo9qEGQMXonoYlSnw7VvoTyJ-3_oiSLIb4JVLQP9jPmD/) repeat-x bottom; line-height:22px; font-style:normal; }

之後，要加底線只要用<red>把文字包住</red>，效果就像下面一樣

把文字包住

css：在文章中貼html語法

2009-09-12T15:25:00.006+08:00

簡單步驟在blog文章中貼語法

．本文來源：「高登」的在Blogger文章中插入程式碼

1.在Blogger後台選擇〔版面配置〕→〔修改HTML〕，然後插入這一段CSS語法：(不知道要貼在哪的話，可以貼在 ]]></b:skin> 前面一行)

/* 貼程式碼 */      

.post code {       

  background: #D5E4F7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYwYLZTWzZjobIQeHv289ebzEbf-QKH_N5NoStuZ3xYuRos376eyPcod3J3FJG6D7kxVlOzCRASXfzDcrm2z-vBAW5OmBbSiR2sH2A-6Dr7g5Fl17CCLy8MejCP6i64Z7RP7rVsCHiBR2o/) repeat-y;

  border: 1px solid #ccc;       

  color: #000;       

  display: block;       

  margin: 5px 0 0 30px;       

  overflow: auto;       

  padding: 5px 10px 5px 21px;       

  width: 85%;       

}

2.這樣子以後要貼html語法，只要兩個步驟：
步驟一、在「HTML Encoder」這個網頁將你的程式碼貼上，按下〔Encode〕按鈕，就可以在下方看到已經將語法中的「<」和「>」都轉過，複製起來就可以用了。

步驟二、貼上語法：用<code> </code>包住即可
ex. <code> ]]></b:skin> </code>

blog文章評分

2009-09-10T18:28:00.001+08:00

outbrain「五星級」部落格文章評分外掛

「blogger」文章更新時間

2009-09-09T10:23:00.000+08:00

增加文章更新時間 (Show Post Update Time)

「blogger」樣板變數

2009-09-09T10:09:00.001+08:00

自訂樣板的變數 (Blogger Template Variable)

調整字距，讓閱讀更舒服

2009-09-06T18:17:00.004+08:00

作者 edl2000 (Ed)
看板 Blog 標題 Re: [WordPress]如何字距加寬？
時間 Tue Aug 22 14:52:59 2006
───────────────────────────────────────

※ 引述《mingwangx (馥林中國潮四書)》之銘言：
: 這一個部落格：
: http://georgechen.idv.tw/wordpress/
: 他的字距比較寬。
: 看起來郝舒服。
: 請問要怎麼設定才能這樣呢？

修改css在body的加上
letter-spacing: 1.5px;

就可以跟他一樣的效果
1.5 可以自己調整 1.4 1.3 都可以調整到自己最舒服的感覺吧

--
※ 發信站: 批踢踢實業坊(ptt.cc)◆ From: 61.222.30.219
推 HAESHU:也可以參考老貓學http://b-oo-k.net/blog/ 有相關文章～ 08/22 15:18

ps.

body {裡面插入

}

->整個blog文字字距

main wrapper{

}

->只有文章區塊(標題、sidebar不調整)

「blog」分享blog文章AddToAny

2009-09-06T18:02:00.003+08:00

AddToAny 部落格文章分享轉寄外掛，自動識別台灣訪客常用服務

「blogger」留言加上自動流水編號

2009-09-05T15:57:00.001+08:00

[Blogger Hack] 史上最簡單「為迴響加上自動流水編號」

網站測試-世界各地連線

2009-09-03T22:24:00.003+08:00

http://www.freespeedtest.com/ 可以測試網站在各地的連線狀態

如下圖，在網頁右邊輸入網址，按下Check URL 即可測試

結果如下：

為什麼大陸要檔blogger呢？

word閱讀(小說下載後閱讀)

2009-09-02T10:00:00.004+08:00

重新整理一下(剛好找到好用的抓圖軟體，測試一下)

方式一：網頁存檔類型選擇 *.mht(可以把整個網頁背景什麼都抓成一個檔案)

方式二：利用word
1.存成.txt

2.複製到word(可以先弄一個喜歡的背景格式存檔)
3.調整背景
格式-背景-其他色彩-自訂(自己挑一個喜歡的)

4.編輯文字版面(這裡都要ctrl+a文章全選)
4.1調整段落(看要不要加間距)
格式-段落-縮排與行距-段落間距-與前段距離(ex.1列)

4.2看要不要調整直書
滑鼠右鍵->直書/衡書(直書的話就正中間那一個)

5.閱讀方式
5.1 word閱讀
檢視-第四個閱讀版面配置

5.2網頁瀏覽(X直書)
檔案-網頁預覽

其他.
1.可以弄一個固定背景的word存檔當作閱讀器
之後只要把文字複製過來->調整版面就好
2.可以用word的巨集(錄下更改的動作) 在：工具-巨集-錄製新巨集
以後只要按快速鍵or按鈕就可以完成 (測試了一下，改背景好像錄不下來..)

例如先隨便貼一段文字錄巨集(貼太多會跑比較慢一點)
1.工具-巨集-錄製新巨集
名稱隨便取一個、看要設定工具列[按鈕]or鍵盤[快速鍵]
2.ctrl+a文章全選
3.格式-段落
格式-直書/橫書
4.檢視-第四個閱讀版面配置(這也可以錄)

好用擷取螢幕工具

2009-09-02T08:46:00.001+08:00

超好用的免費螢幕抓圖工具ScreenSnapr，抓圖→分享→短網址只要按Ctrl+1就一次完成！

字型預覽

2009-08-26T10:32:00.000+08:00

WinFontsView v1.05 - 字型預覽工具

新增或移除程式工具

2009-08-24T13:26:00.002+08:00

MyUninstaller 1.45 中文版

OFFICE簡繁轉換

2009-08-24T13:21:00.002+08:00

Office 2003 簡繁轉換增益集

檔案總管

2009-08-24T12:43:00.005+08:00

雙視窗

xplorer² lite 1.7.2.7

4視窗(較吃資源)

Q-Dir 3.93 免安裝中文版

Q-Dir_Installer_Unicode.zip

MDIE(可多視窗)

MDIE：支援滑鼠手勢的綠色小巧檔案總管（含繁體中文化）

網路測速

2009-08-24T12:30:00.001+08:00

DownTester 1.20 中文版

讓OFFICE也有分頁

2009-08-24T12:29:00.003+08:00

OfficeTab 1.20

螢幕錄影

2009-08-24T11:30:00.000+08:00

如何用Snagit在螢幕上錄影？

「blogger」修改匿名留言者暱稱

2009-08-16T21:14:00.005+08:00

作者 jtmh (慘。累。) 看板 Blog
標題 Re: [Blogger] 可以幫匿名留言Anonymous改暱稱嗎?
時間 Sun Aug 16 18:44:33 2009
───────────────────────────────────────
※ 引述《peter1 (from A to Z)》之銘言：
: 看到很多Anonymous就有點煩冏"
: 可以幫他改掉嗎...
: 比如說就統一寫「我忘了我叫啥」之類的XD
: 不知道可以改嗎?
　　到後台的「版面配置」→「修改 HTML」，
　　勾選「展開小裝置範本」。
　　在修改前建議先用「下載完整範本」備份一下，
　　以免出錯時無法復原。

　　接著找到範本內容中以下列三行開頭的那一大段：

　　<b:includable id='comments' var='post'>
　　 <div class='comments' id='comments'>
　　 <a name='comments'/>

　　然後往後繼續找到該段中的下列內容：

　　<b:if cond='data:comment.authorUrl'>
　　 <a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/></a>
　　<b:else/>
　　 <data:comment.author/>
　　</b:if>

　　我們要在綠色那行前後分別加上下列紅色的部分：

<b:if cond='data:comment.author == &quot;Anonymous&quot;'>
我忘了我叫啥
<b:else/>
<data:comment.author/>
</b:if>

　　改完之後「儲存範本」就可以了。
　　不過要注意的是，
　　如果原本匿名者的留言並不是顯示成 Anonymous，
　　而是顯示成匿名的話，
　　那上面紅色第一行中的 Anonymous 就要改成匿名才行，

　　也就是：

<b:if cond='data:comment.author == &quot;匿名&quot;'>
我忘了我叫啥
<b:else/>
<data:comment.author/>
</b:if>

如果要加上顏色的話：加入
<span style="color: #C94093">我忘了我叫啥</span>

「blogger」cookie紀錄字體大小

2009-08-13T15:51:00.000+08:00

Blogger：更改字型大小