<手動/自動>懶人音樂播放器

所謂懶人播放器，就是有一點點懶～～不管這個語法到底是什麼意思，只要音樂能照自己的意思播放出來就行了～謝謝大家熱忱相助，提供各種播放器語法～我也懶得去研究，究竟這些語法是什麼意思，反正能用我就很開心囉～來吧！您的『音樂網址』在哪裡？快點貼進去吧～

1.音樂自動播放（不顯示音樂播放器）
1. <embed src="http://pic.wretch.cc/icon/mp3player.swf?config=http://l.yimg.com /wretch.yimg.com/icon/mp3player.xml&autoStart=true&file= 音樂網址" width="1" height="1"></embed>

複製代碼

2.音樂自動播放（顯示播放器）
1. <embed src="http://pic.wretch.cc/icon/mp3player.swf?config=http://l.yimg.com /wretch.yimg.com/icon/mp3player.xml&autoStart=false& file=音樂網址&autostart=true" width="120" height="80"></embed></p>

複製代碼

3.音樂手動播放（一）
1. <embed src="http://pic.wretch.cc/icon/mp3player.swf?config=http://l.yimg.com /wretch.yimg.com/icon/mp3player-no-auto.xml&file=音樂網址& name=ltm168boy"width="120" height="80" ></embed>

複製代碼

4.音樂手動播放（二）
1. <embed src="http://pic.wretch.cc/icon/mp3player.swf?&autoStart=true& amp;amp;file=音樂網址&displayheight=20&autostart=true& amp;repeat=true" width="120" height="20"></embed>

複製代碼

您想要什麼方式播放音樂，請快樂的享用～～請記得這是 mp3音樂播放器，一定要用mp3網址喔......


文章來源：http://flash.yansh.com/bbs/viewthread.php?tid=18649

BlogUpp! ~ 交換部落格增加流量，使你的部落格更多人注意！

本文章發佈於免費資源網路社群，轉貼時請註明原文連結並保留本訊息，謝謝。
原文連結：http://www.freegroup.org/2008/04/free-blog-tool-blogupp/

想幫部落格增加人氣嗎？或是想展現自己的部落格讓更多人知道？BlogUpp! 是一個相當實用的服務，你只需要在 1. 輸入您的部落格地址 處輸入你的部落格網址，接著將產生出來的原始碼貼入自己的部落格中，便能夠參與這項計畫，完全不用註冊喔！

或許有人會很納悶，BlogUpp! 究竟是怎麼運作的？其實說穿了 BlogUpp! 就好像一些廣告交換的服務，只不過它是專為部落格所設計的，只要有10個人訪問你的部落格，那麼你的部落格便會在其他部落格出現9次。

BlogUpp! 標榜以下特色:

• 不需要註冊帳號就可以使用
• 不會曝光郵件和隱私
• 沒有附加的廣告協議和其他要求
• 沒有動畫和惱人的廣告
• 防欺詐體制和公平分享原則
• 對WordPress和其他相似平臺支持良好
• 獲得目標讀者
• 新用戶展示機會獎勵
• 業內最高的交換比率 (10:9)

BlogUpp! 目前支援多國語言，一般而言進入 BlogUpp! 網站後就會自動選取適合的語言，或者您可以利用網站右上角進行語言切換。

BlogUpp! 的運作方式如下:

• BlogUpp!定期更新您的部落格快照並讀取您的RSS
• 利用我們已經啟動的服務，在其他部落格上顯示縮略圖
• 縮略圖上出現的是您部落格上的最新文章
• 每當有10個讀者訪問您的部落格，您的部落格便會在其他部落格出現9次
• 在你部落格中出現的Widget(如右側示例)，將會展現與您的部落格相關的其他部落格及其日誌 (移動滑鼠到Widget上方)
• 所有點擊都會在新的視窗打開，不會關閉您的部落格視窗
• 所有的這些都是免費的，沒有其他附加條件

【網站網址】http://www.blogupp.com/

讓 blogger banner 不顯示標題/說明[小技巧]

要隱藏 banner 上的標題/說明很簡單，先要到後台----版面配置/在(標頭)欄按編輯

方法 1：
先從電腦上傳一幅與 banner 相同寬度的圖片，點選----不需要使用標題和說明/儲存

方法 2：
若果原本有背景圖的，可直從電腦上傳一幅與標頭大小相同的 .gif 透明的圖片，點選----不需要使用標題和說明/儲存

注意：如果上傳的是圖片網址，標題/說明還是存的，必須從電腦上傳圖片才成功的，圖片方面網上有很多，自己去搜尋下載囉！

blogger 底部 修改預設的分頁文字按鈕 [小技巧]

現有的 blogger template 在文章最下面要瀏覽較舊或較新的文章都是用底下這種型式顯示 ，而某些人則喜歡分頁的瀏覽(上一頁.下一頁)，其實要改成這樣的文字並不困難。

1.修改前要先備份好你的模板 ，然後到----管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

2.修改較新的文章為上一頁：
Ctrl+ F 搜尋 <data:newerpagetitle/> 會搜尋到以下程式碼

<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>

請把<data:newerPageTitle/>修改成想要顯示的文字上一頁

3.修改較舊的文章為下一頁：
Ctrl+ F 搜尋 <data:olderPageTitle/> 會搜尋到以下程式碼

<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>

把<data:olderPageTitle/>修改成想要顯示的文字下一頁

4.修改首頁部份：
Ctrl+ F 搜尋 <data:homeMsg/> 這裡要注意的地方是會搜尋到2個<data:homeMsg/>，要修改的是上面那個

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

把<data:homeMsg/>修改成想要顯示的文字首頁
完成後儲存就可以了

5.若果用圖片顯示，圖片在很多網站都容易找得到，只要用以下的 html 語法取代紅色部分即可

<img src='圖片網址' />

以下是本 blog 的範例

敎你如何移除 Blogger 小工具旁的編輯小圖示[小技巧]

Blogger 的新範本雖然非常容易使用，可以輕易的加入或移除小工具 (Widget)，也可以輕易的改變字型和顏色，不需要和 CSS 奮鬥，但確有一個非常討厭的地方，就是每一個小工具旁都有一個"快速編輯"的小圖示(如下)，看來非常的礙眼。

快速編輯的小圖示是利用下面的程式碼加入的，所以只要在範本找到所有下述的程式碼，加以移除或註解化即可。

先找到以下語法 <b:include name='quickedit'> (原始的)

將它改成以下語法(註解化)

<!-- <b:include name='quickedit'> -->

注意: 每一個小工具都有一個相同的語法，要個別處理喔


文章來源: 阿丹的部落格

Blogger 簡單步驟匯出你的網誌 [Blogger 備份]

本 blogger 己經好一段日子，有了自己的型格，基於網絡安全問題，開始想到 blogger 的備份的重了。在網上找了很多的方法，有的要安裝軟件的，有的要傳到網上空間，其實都不太明白，所以，一直沒有備份。拐了一個大彎，今天發現原來 Blogger 推出了這個很棒的功能，可以從先前匯出的 Blogger 網誌匯入文章和意見、匯出此網誌，或將其永久刪除。以後備份就不必大費了心思了，簡單的步驟便可將網誌匯出了，只要叧找一個 blogger 作匯入測試便可。

先進入後台去 ---- 設定 > 基本 > 網誌工具 :

裡面有三個功能： 匯入網誌‧匯出網誌‧刪除網誌

只要按一下匯出網誌，出現下圖再按一下匯出網誌，便可成功匯出了網誌。

之後只要叧找一個 blogger 作匯入測試便可，只要能成功匯入網誌，以後就不用怕 blogger 塌了。

blogger 刪除標籤後面的數字[修改小技巧]

一個小小技巧，可以將標籤後面的數字刪除掉，統一美化你的 blogger

修改前 >>>>>> 修改後

1.首先要到後台去，版面配置 > 修改html > 展開小裝置範本打勾

2.然後再使 Ctrl+ F 搜尋 (<data:label.count/>)，搜尋到以下程式碼:
<span dir='ltr'>(<data:label.count/>)</span>

3.將紅色部分刪除儲存就完成了，回到主頁就可看到效果 (要復完只要將刪除了的部分加回去便可以)

注意: 修改前切記請先要版面配置備份，以防出錯時可以還原

blgger 加入一個飼養魚池[小技巧]

加入一個魚池，增加不小生氣。



打開版面配置，增加一個HTML/JavaScript小工具，只要加入以下語法，調較好尺寸便成了
<script src="http://www.gmodules.com/ig/ifr?url=http://fishgadget.googlecode.com/svn/trunk/fish.xml&up_fishColor=none&up_fishName=Fish&up_backgroundColor=F0F7FF&up_backgroundImage= 底圖網址 &up_numFish=9&up_fishColor1=F45540&up_fishColor2=userColor5&up_fishColor3=FEB859&up_fishColor4=97B6A6&up_fishColor5=FEB859&up_fishColor6=000000&up_fishColor7=userColor1&up_fishColor8=FFFFFF&up_fishColor9=F45540&up_fishColor10=0E30B7&up_foodColor=FCB347&up_userColor1=Color9%3D121111&up_userColor2=&up_userColor3=&up_userColor4=&up_userColor5=&synd=open&w=500&h=300&title=&border=%23ffffff%7C0px%2C1px+solid+%23595959%7C0px%2C1px+solid+%23797979%7C0px%2C2px+solid+%23898989&output=js"></script>


如不用底圖刪除以下一段
&up_backgroundImage= 底圖網址

此段 w=寬 h=高，可按自己喜愛修改，切記寬和高要和底圖相同
&synd=open&w=500&h=300


注意:
如果要自定魚和邊框顏色，直接上這 Google小工具 網站便可編一個自己的魚池了，完成後按頁下的取得程式碼按鈕便可取得程式碼了。

將編輯文章畫面放大~blogger小技巧

由於經常要發表文章，總覺得編輯時版面太小了，很不舒服。近日在Userscripts.org發現這個好用的東西叫做「Blogger Large Post Editor」，分享了一個解決方法，十分受用。

方法如下:
1.首先你的瀏覽器一定要是firefox

2.安裝Greasemonkey使用者腳本Add-ons，按這裡安裝。


3.點這個連結http://userscripts.org/scripts/source/7108.user.js，見到以下的畫面，點擊安裝就好了。


4.搞定了，試新增文章，你會發現編輯器放到最大了，是不是舒服得多了。



參考出處:
http://userscripts.org/scripts/show/7108

幾款有趣的日曆時鐘

<script src="http://www.bitstep.jp/blogparts/data/sakuraClock2white.js"></script>



<script src="http://www.bitstep.jp/blogparts/data/sakuraClock2pink.js"></script>



<script src="http://www.bitstep.jp/blogparts/data/cosmosAttacks.js"></script>



<script src="http://www.bitstep.jp/blogparts/data/obakeClock.js"></script>

申請CBox留言版[教學]

1.先到CBOX申請一個用戶，見圖樣(點圖可放大)
http://www.cbox.ws/index.php


2.將所有資料填好提交，見圖樣(點圖可放大)


3.按需要編輯留言版色樣，完成後按SAve，見圖樣(點圖可放大)




4.將code碼複製，貼到自己的網頁上就可以了，見圖樣(點圖可放大)

blogger 側欄加上一個最新文章或最新回應工具

在側欄加上一個最新文章或最新回應，可即時檢閱到文章位置及回應。


如何在blogger建置最新文章/最新回應工具

1.先到版面最下面，有一個----訂閱 : 文章 (Atom) 的欄位，按滑鼠右鍵點選(Atom)複製連結網址備用。
例: http://自己blog名稱/feeds/posts/default

2.請到版面配置--新增小工具


3.點選資訊提供



4.將剛才複製的網址貼上--按繼續。(按需要選其一填入網址)如下，或多增一個小工具分別填入以網址
最新文章網址: http://自己blog名稱/feeds/posts/default
最新回應網址: http://自己blog名稱/feeds/comments/default
(本站的 例: http://hello2388.blogspot.com/feeds/posts/default )

5.標題、篇數、日期、作者都可自訂,完成後儲存


6.將小工具拖到適當的版面位置儲存便可。


文章出處: TRACY的e像世界-BloggerTip

blog 裡加入一個流量計算機

有些朋友有興趣知道blog的網上流量，可以加插一個流量計算機的。


只到以網址: http://easy-hit-counters.com/

1. 點選喜歡的計數器

2. 填入用戶名/密碼/起動數字/Email/啟用的網站地址/Title of Page: (隨意填入).....按 Submit

3. 完成後有一個屬於自己網站的計數器代碼出現

4. 將代碼貼到自己的網站便可

blogger 文章中增加有趣的情符號

最近發現了這個blogger插件很有趣，没想到blogger也可以貼表情符號。發貼時可以增加不少樂趣啊!

這是一位網友做的外掛（請見 Blogger 欢乐表情插件），使用方法簡單地列點說明：

1.將原網頁中的「 Blogger 欢乐表情插件」連結拖至瀏覽器的書籤列。

2.在發表文章時，點選該書籤，頁面右側就會出現控制面版。

3.點選圖案就會在文章中自動出現 HTML。

點圖放大

寫文章時將表情符拖入文章裡便可以了，就這麼簡單！輕鬆替部落格文章加上生動有趣的表情符號，減少部落格主與讀者間誤解的機會，達成有效的溝通。

文章來自: Conscious Choices

如何在Blogger文章中插入有框的程式碼

一直以來，在發表含有程式碼的文章時，總出現怪怪的問題，花了很多時間終找到解決方法了。以後在程式碼前後加上<code></code>，還會得到美美的框框。如果代碼要不被運行，必須把<>替換成＆lt; ＆gt;。

發文章時，只要到「HTML Encoder」將你的程式碼貼上，按下〔Encode〕按鈕，就可以在下方看到已經將你的「<」和「>」都轉好了，複製起來就可以用了。

當然在這之前，我們要修改一下Blogger CSS了。接下來在你的Blogger後台選擇〔版面配置〕→〔修改HTML〕，在]]></b:skin>之前插入這一段CSS程式碼：


code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
white-space: pre;
background: #ccc url(http://dino9021.myweb.hinet.net/BlogJS/Code_BG.gif) left top repeat-y;
}


以後發報code時，只要前後加上<code></code>，就可以像WordPress一樣的快樂貼程式碼了。

blogger左側加入可隨著畫面浮動的導覽圖標及對話泡泡

有朋友問到左側那欄導覽圖標, 無論怎麼上下移視窗, 都還是可以看到的效果怎麼做的? 其實現在很多部落格都在使用. 整理一下常用的做法,及加入一個效果,只要滑鼠移動到圖標上方, 會出現一個對話泡泡.

休息一陣子後, 總算打起精神來, 把這段程式碼修一修, 順便改掉原來的圖標. 現在看起來, 也多些趣味了!

首先要先準備一下自己的圖標icon(或參考這裡), 大小約設在高度, 寬度在30px左右, 或自訂都可以.然後將這些圖標上傳到一個網路空間, 如有google帳號的人, 就可以去http://pages.google.com/開通空間, 然後就可以取得這些圖標所在網址了.

接下來就是修改程式碼的部分.

1.先找到]]></b:skin>, 並將下列程式碼加在]]></b:skin> 之上:


/*-- smallnav--*/
#smallnav{
position:fixed;
text-align:left;
margin-left:-20px;
margin-top:17px;
}
* html #smallnav{ /*IE only*/
position:absolute;
}
#smallnav a img{
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(Opacity=60);
}
#smallnav a:hover img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
position:relative;top:1px;left:1px;
}
* html #smallnav a img{
filter:alpha(Opacity=100);
}
#smallnav img{
margin-bottom: 5px;
}
* html .smallnav{
margin-bottom: 7px;
}


紅字部分, 可以調整導覽圖標的靠左或靠上方的距離

2. 在 ]]></b:skin> 之後, 加入下列程式碼:


<script src='http://bloggertips.googlecode.com/files/prototype.js' type='text/javascript'>
</script>
<script src='http://bloggertips.googlecode.com/files/scriptaculous.js?load=effects' type='text/javascript'></script>


3. 在<body> 後, 找到 <div id='outer-wrapper'> , 修改下述程式碼放到 <div id='outer-wrapper'>之後, 想放幾個連結, 就加幾個 <a href...>.... </a> <br>的程式碼,如下:


<div id='smallnav'>
<span>
<a href='部落格網址' style='border:0;' title='回首頁'><img alt='回首頁' class='smallnav'
src='圖標所在網址'/></a>
<br/>
<a href='訂閱文章的連結' style='border:0;' title='訂閱我的文章'><img alt='訂閱最新文章' class='smallnav'
src='圖標所在網址'/></a>
<br/>
</span>
</div>


另外這個步驟, 是可以在點選圖標後, 出現一個對話泡泡的說明, 有興趣的話, 可以參考. 並不一定要加入.

1.在<head>之後, 加入下列程式碼


<script src='http://bloggertips.googlecode.com/files/BubbleTooltips1.js' type='text/javascript'>>
<script type='text/javascript'>
window.onload=function(){enableTooltips("smallnav");};
</script>


想看看效果,可以在我的部落格左側導覽圖標上試看看囉!

在IE7及Firefox下, 是可以正常運作的.

本文來自: Fun New Run High

blogger 右上角加上一個Flash風鈴

想不想blog時，會有一種舒服感覺，不如試下加一個風鈴，會給人一種清新的感受。

首先在網頁元素中, 也就是範本-->網頁元素. 選擇加入 HTML/JavaScript

將下面的代碼貼入就可以

<script type='text/javascript' src='http://parts.kuru2jam.com/js/SWFLayer.js'></script>
<script type='text/javascript' src='http://parts.kuru2jam.com/js/wind_chime.js'></script>


儲存後檢視頁面，右上角便出一個悠閑的風鈴了


如果想將風鈴加入右側欄裡，要改用以下的代碼

<center><script language="JavaScript" src="http://parts.kuru2jam.com/js/wind_chime_mini.js" type="text/javascript"></script></center>


Blogger Template ~精選網站

開始建置一個部落格時，一定要挑一個順眼的 template，以下就由 yuanlin 精選幾個提供 Blogger Template 的網站，讓你不用在茫茫網海尋找合適的 template。

目錄型 Blogger Template 網站

BTemplates 是分類詳細的 Blogger Template 網站，網站內的 Template 均得到作者授權，並且接受上傳新的 Template，yal’s blog 的 template 也是在這裡找到的喔！

eblog templates 也是分類詳細的 Blogger Template 網站，但跟 BTemplates 不同的是需要註冊才能下載，另外也販賣優質的 template。除了 blogger template 之外，也提供 WordPress 的 theme。

個人 Blogger Template 創作

BloggerTricks 內的 template 均為作者 kranthi 的創作，下載的頁面還會說明安裝需要注意的事項。

Falcon Hive 內的 template 均為 Alvaris Falcon 的創作，下載的頁面也有詳細的安裝說明，並且附帶許多小技巧，一定要去看看。

Zixpk.com 裡似乎都是設計高手，除了提供優質的 Blogger Template，也有不少高品質的桌布和 Icon 提供下載。

Gisele Jaquenod 提供的 Blogger Template 跟上面的圖片一樣可愛，喜歡可愛風的朋友一定不能錯過，另外他也提供 WordPress 的 theme ，使用 WP 的朋友也可以過去看看。

如果你也有優質的 Blogger Template 網站要分享，還請多多留言喔！

blogger快速加入分頁欄

有些人習慣了使用論壇的分頁欄，清楚搜到第幾頁，這個小工具確是難找得很，花了很多時間終找到了一個很合適的。原來很容易便加入的，方法如下:

先到版設置增加一個 HTML/JavaScript，將以下的法碼全加入儲存。


<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #99C9FF;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #99C9FF;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=3;
var displayPageNum=3;
var firstPageWord = '首頁';
var endPageWord = '末頁';
var upPageWord ='前頁';
var downPageWord ='下頁';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< html =" '<span" class="showpage" href="/" html =" ''+labelHtml" html =" '<div" class="showpageArea" style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage" class="showpage" href="'+htmlMap[htmlMap.length-1]+'" postnum="="1)" pagearea =" document.getElementsByName(" blogpager =" document.getElementById(" html ="'';" p ="0;p<" innerhtml =" html;" html ="'';" innerhtml =" html;" src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript" style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;" href="http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div>


然後將這個工具欄拖到文章欄下的位置再儲存，重新返回網誌看看，己經OK啦!

加入部落格的方法-online icon及製做網址列的icon工具

有時候連別人的blog，都有自己的icon，怎麼才可擁有一個屬於自己的icon呢?

最近，找到一文章介紹如何改上自己的icon，於是就參考這篇文章來幫自己的 Blogger 加個圖示：

在網址前加入icon, 更顯得與眾不同. 有一個可以在線上製做 icon 的工具, 另外提供上傳圖片, 由這工具自動轉換成.ico , 及 icon 圖庫.

這個Online icon maker 介面很簡單, 但功能很多.

只是載入圖片需要等候較長的時間....


製做完畢後, 點選 download Icon 就ok了.

另外還提供圖庫下載.


做好的ico, 先上傳到某一個網路空間.

然後在</head>之前, 加入此段程式碼.


<link href='icon所在網址' rel='SHORTCUT ICON'/>

<link href='icon所在網址' rel='icon' type='image/ico'/>


將瀏覽器重整refresh之後,應該就可看到了.


如果使用IE瀏覽器, 重試幾次仍看不見, 可能要先清掉cache, 再試看看.

Online Icon Maker : http://www.rw-designer.com/online_icon_maker.php


http://www.favicon.co.uk/
可提供image轉換成ico的格式, 蠻方便的.