最近發的幾篇文章都需要上傳javascript檔案，最推薦的空間當然是google page，可惜現在已經停止服務了，只有之前申請的用戶可以使用，在這裡提供4個方法來解決上傳js檔案的問題。

1. 把js檔案改成txt檔

把js檔案附檔名稱改成txt傳到google site 修改前
<script type="text/javascript" src="xxxxx.js" />

修改後
<script type="text/javascript" src="xxxxx.txt" />

2. 直接放在模版裡

這個方法是直接把js檔案的內文放到模版裡面，js檔案內容很長的話不建議用這個方法 修改前
<script src="xxxxx.js" type='text/javascript'></script>

修改後
<script type='text/javascript'>
//<![CDATA[
把js內文貼在這裡然後貼到模版裡
//]]>
</script>

3. 放到google code

google code也能上傳可外連的js檔案

4. 請有google page帳號的朋友幫忙上傳

之前的帳號都還可以使用，所以可以請之前有申請google page服務的朋友幫忙上傳
(繼續閱讀...)

Photovisi 是個可以幫你把個人照片轉換成桌布的網站，完全不用使用任何修圖軟體，只要上傳照片即可，看膩了網路上下載的桌布嗎？自己來做一個吧！

【網站網址】

http://www.photovisi.com/

【使用教學】

步驟1 進入網站點選Click here to start


步驟2 選擇桌布想要的格式，目前總共有18種

步驟3 點選click here to upload photos上傳照片，或是直接使用flickr上面的相片


步驟4 耐心等待，等上傳完畢可以看看滿不滿意，到這個步驟都還可以刪除或新增相片

步驟5 最後點選Click here to continue，稍微等個幾分鐘，就可以下載製作好的桌布囉，目前總共有800x600、1024x768、1280x800三種桌布格式可選擇

本文同時發佈於免費資源網站社群
(繼續閱讀...)

這篇要介紹的是Blogger SEO最基本的一個方法，調整文章標題顯示的順序，假如有研究過一些關於 SEO的文章可以發現最有利於搜尋引擎的標題顯示方式是部落格文章標題在前，部落格名稱在後這種格式，所以我們可以發現國內一些比較大的BSP像痞客邦、無名等都是使用這種方式來顯示文章，可惜blogger預設的格式剛好相反，我們只好自行修改，方法如下：


步驟 1 先備份好模板

步驟 2 管理後台 > 版面配置 > 修改html

步驟3 搜尋 <title><data:blog.pageTitle/></title> 並用以下程式碼取代
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> @ <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if> ( @ 這個符號可以依個人喜好自行修改 )

步驟4 儲存 > 大功告成


(繼續閱讀...)

其實blogger也有自動發文的功能，使用方法很簡單，只要把文章發布日期往前調，時間一到文章就會發佈出來了。


剛好接下來的幾個月不能正常的上網，所以從這篇開始以後大部分的文章都會使用blogger自動發文的功能來發佈。

(繼續閱讀...)

Google又偷偷更新PageRank了，正確更新時間不太確定，因該是這兩天的事吧，由於blogger換網址沒有辦法像wordpress一樣用301轉向來轉網址，所以只要換網址PageRank就要重來，不過運氣還不錯，和上次一樣從0升到了4，經過這兩次的更新對提高PageRank有了小小的心得，想要提升PageRank值得可以參考參考，不過僅供參考，有沒有用我就不能保證了 XD。

一.作好SEO

這點Xavier覺得是最重要的，SEO作的好，搜尋引擎更容易搜尋到你的網站，可以吸引到更多的新訪客，當他們看到了有用的文章，自然就會連結你的文章，Xavier之後也會寫一些blogger專用的SEO優化法，在這之前可以去看高登大哥寫的SEO文章，我有關SEO的相關知識都在那邊學到的。

二.和高PageRank的網站作交換連結

和高PageRank的網站作交換連結有助於提高自己本身的PageRank，在這非常感謝那些和Xavier作交換連結的站長，能一次升那麼多，都要感謝這些站長。

三.多多充實網站的內容

這點Xavier並沒有作的很好，不過卻很重要，部落格文章寫的好，自然會被網友們拿去引用，希望以後多多改進，寫出一些高品質的文章。

目前只有這三點心得，希望對那些想提升PR值的站長有用，後續如果還有新發現會在這篇繼續補充。
(繼續閱讀...)

嫌blogger預設的留言系統太過單調嗎？只要安裝下面這個hack，就可以讓blogger留言添加上Yahoo表情符號！

使用教學:

範例: 測試demo站

步驟1 請先備份好模板

步驟2 後台 > 設定 > 意見 > 意見欄位置選擇已內嵌下列文章

步驟3 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

步驟4 搜尋以下程式碼
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

步驟5 把步驟4搜尋到的程式碼用以下程式碼取代
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'> <b> <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) </b> </div> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if>

步驟6 搜尋</body>，並且在</body>前加上
<script src='http://xavierliu.googlecode.com/files/smiley.js' type='text/javascript'/> ( 這個js檔案可以下載下來自行上傳或備份 )

步驟7 儲存 > 大功告成
儲存後可以發現留言板前面多了一個含有表情符號的區塊，只要打入特定符號，就可以顯示出相對應的圖片

補充 搜尋不到步驟4的程式碼可以找看看下面這個 <p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
5/28 更新: 感謝網友 解渴 提供的資訊，這個hack在IE下不能正常執行

參考文章:
Smileys in Blogger comments

(繼續閱讀...)

現在blogger常用的繼續閱讀總共有兩種，羊男的繼續閱讀和CJH的繼續閱讀懶人版，假如覺得這兩種使用上很麻煩的話可以用看看以下介紹的繼續閱讀終極懶人版，我稱它為終極懶人版是因為使用上真的非常簡單&無腦，只要安裝了這個hack後，每篇文章就會自動用好繼續閱讀，完全不用在文章內添加任何code，推薦給超級懶人使用。

使用教學:

範例: http://autoreadmore.blogspot.com/

步驟1 請先備份好模板

步驟2 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

步驟3 搜尋 <data:post.body/> 並且用下面的程式碼取代 <data:post.body/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;2977027413120105432&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}

function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>(繼續閱讀...)</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>

請把紅色這串數字改成自己的blogID，不知道blogID的可以參考這篇文章 有跳頁功能的分頁效果

步驟4 儲存 > 大功告成

參考文章:
Create Auto Read More ( no thumbnail) ~ Zenplate Blogger

(繼續閱讀...)