Taiwan's 生活: Blog

顯示具有 Blog 標籤的文章。顯示所有文章

文章結尾加入GoogleAdsense廣告

如何在文章結尾加入GoogleAdsense廣告這是一個常見的問題，只要到Blogger的後台"版面配置"，選擇"範本"。在找到"修改html"，點選下去。在點選右上的"展開小裝置範本"。

在程式碼中，搜尋 div class='post-footer'，找到 div class='post-footer' 後在 div class='post-footer' 的正下方插入Google Adsense廣告程式碼就可以囉。
要注意的是要修正一下AdSense程式碼，只是把xml格式換了一種寫法(因為blogger使用xml格式，如果語法要使用字符 < ﹐而該字符卻絕對不能以 < 出現在任何的XML 資料中﹐這樣必須遵循XML 1.0 的規則﹐也就是應鍵入成 <) 如下圖：把 < 和 > 改為< 跟 >

文章結尾加入GoogleAdsense廣告畫面：

Blogger Templates 版型常用大全

最近又發現一個新的Blogger Templates 版型，有非常多的Blogger Templates 版型，還有非常詳細的分類，有二欄、三欄、四欄…，只要 download 下來zip檔後解壓後把xml檔上傳即可非常方便。

Blogger Templates 版型分類：

Blogger Templates 版型download畫面及線上demo：

Blogger Templates 版型常用大全：官網

Blog widget - 如何申請Xuite 留言塗鴉版

Blog widget - 如何申請 Xuite 留言塗鴉版

Blog Widget 是簡單的小功具，為使用者提供簡單的服務。它通常被設計成為具有特定的功能，如提供天氣、股票等的信息。它和網頁一樣，使用標準的Web技術開發，如XHTML、CSS、javascript、Flash等。

昨天上網看文章時，發現了有很多人的 Blog上面有一個很獨特的 widget，可以提供訪客塗鴉留言，並且可以記錄起來，而且是動態的塗鴉留言非常有趣，所以就仔細研究一下，原來這個 Blog Widget是 Xuite 所提供的留言塗鴉版。

Xuite 留言塗鴉版：
因為Xuite是內建畫版功能，所以就一定要先申請 Xuite 的帳號，然後找出他的語法，把他放到blog 上面即可。但如果你只想有個畫板~~那你可以複製任何一個blog內 Xuite 留言塗鴉版的語法放在自己部落格就可以有一個畫板(註1)，但這樣的話裡面的記錄就不是單獨自已的，所以還是申請一個Xuite帳號比較好。

如何申請 Xuite 留言塗鴉版：
1.註冊 Xuite會員：Xuite 官網，非中華電信的會員也可，就點非設備用戶註冊。

2.登入會員-->建立一個日誌：

3.建立一個日誌有三個步驟：

同意會員條款

填寫日誌的基本資料

選擇日誌面板

4.進入管理介面：

5.點選管理介面右邊的功能列-版面篇排：

6.進入日誌版面配置：將留言塗鴉版從尚未使用欄位拉到版面上

7.回建立的日誌-->檢視原始檔--->搜尋留言塗鴉版(搜尋iframe關鍵字)，基本上會找到一段語法，基本上類似 "<iframe border="0" padding="0" align="center" frameborder="0" marginheight="0" src="http://blog.xuite.net/_theme/SmallPaintExp.php?mid=12205171&bid=1167410" marginwidth="0" height="310" scrolling="no" width="160" alight="middle"> </iframe><br/>" ，只要把這段語法放到blog上即可。

Xuite 留言塗鴉版：馬上玩玩看吧，順便留言給我^^

註1：如果只要留言塗鴉版的話，把"<iframe border="0" padding="0" align="center" frameborder="0" marginheight="0" src="http://blog.xuite.net/_theme/SmallPaintExp.php?mid=12205171&bid=1167410" marginwidth="0" height="310" scrolling="no" width="160" alight="middle"> </iframe><br/>"放到blog上即可。

BlogUpp！如何增加網站流量方法 (交換流量)

何謂 BlogUpp ?
BlogUpp 是一個Blog的交換連結(Link Exchange)或是橫幅鏈接交換服務，BlogUpp最大的好處就是無需註冊，只要簡單輸入你的Blog網址，即可增加網站流量！

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

BlogUpp 官網

審核通過與否的標誌為BlogUpp!字樣下方橫幅的顏色：灰色表示仍在審核中；藍色表示已經通過審核; 而紅色則表示審核不通過。

BlogUpp審核中：

BlogUpp通過審核：

是什麼讓 BlogUpp! 與眾不同?
1.不需要註冊帳號就可以使用
2.不會曝光郵件和隱私
3.沒有附加的廣告協議和其他要求
4.沒有動畫和惱人的廣告
5.防欺詐體制和公平分享原則
6.對WordPress和其他相似平臺支持良好
7.獲得目標讀者
8.新用戶展示機會獎勵
9.業內最高的交換比率 (10:9) 及更多

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

如何手動製做 Blog widget ( Spring Widgets ) ?

Web Widget 是簡單的小功具，為使用者提供簡單的服務。它通常被設計成為具有特定的功能，如提供天氣、股票等的信息。它和網頁一樣，使用標準的Web技術開發，如XHTML，CSS，javascript等。

最近發現了一個英文網站 - Spring Widgets，上面有提供一個功能，只要有某個資訊的 RSS、ATOM、OPML、RDF、MP3 Podcast、FLV Podcast…等，或者妳自已 Blog 的網址，就可以手動自已製做 Blog widget，非常方便，我看到還有人去 Espn做出王建民相關的 Blog widget 。

Spring Widgets 官網

首先要先註冊Spring Widgets，只要填幾個資料即可(姓名 mail 密碼…即可)

登入首頁，在左邊有個 Expree widget選頁，點選進入。

填入妳要手動製做 Blog widget的網址 or Rss，例如我要做網站的 Blog widget，只要填入http://cate-taiwan.blogspot.com即可，按下確定！

接下來就是進入 Blog widget 的設定，裡面的設定基本上有 Blog widget 的名字、Blog widget描述、Blog widget 大小…等。

當設定完成後，"Publish My Widget" 即可取得這個 Blog widget的原始碼。

將上面的 Blog widget的原始碼放到 Blog 上即可，非常簡單也非常方便，馬上做出妳想要的Blog widget吧，只要有 Rss 就可以了喔。

Blog 線上人數統計工具免安裝免註冊-Maps.amung.us(map版)

Blog 線上人數統計工具免安裝免註冊-Maps.amung.us(Whos.amung.us map版)

知道什麼是Whos.amung.us? 不知道沒關系，可以參考一下本站介紹的"Blog 線上人數統計工具(tool)免安裝免註冊-Whos.amung.us"

現在Whos.amung.us的統計資料又有新版的了：Maps.amung.us(Whoss.amung.us map版)，這個版是把之前要去Whoss.amung.us官網看的世界地圖的資料，把地圖變成可以變成外掛的小玩意，但是方法還是一樣的喔，安裝免註冊很方便喔。

Maps.amung.us(Whos.amung.us map版)：官網, 只要在Maps.amung.us(Whos.amung.us map版)官網上按"Build your map now!"連結就可以進入設定了，目前只要四個設定就可以完成了。

第一：選擇妳之前是否有裝過Whos.amung.us，沒的話他給妳個新key，有的話可以搜尋妳的key，只要輸入blog 網址即可。

第二：設定妳要map的style, 可以選 "Map Type"、"Map Style"、"Pin Style"、"Pin Color"這四種。
第三：就是要不要把妳的map放到MySpace。
第四：最後就會出現一段code ，把他放到blog上即可。

這四個步驟完全不用安裝，就有新的感覺，馬上來嘗試看看吧！

不知道的話也可以看一下 Blog 線上人數統計工具免安裝免註冊-Whos.amung.us

測試網站(Blog)速度-Pingdom Tool線上工具

很多人有時會感覺自己的網站(Blog)變慢了，然後就開始抱怨自已的isp。可是你可知道，一個網頁的組成可能包含了許多的元素：images, CSS, JavaScripts, RSS, Flash and frames/iframes 等等，所以網站(Blog)變慢可能是有很多因素所導致的。

而且現在的網站(Blog)都是掛滿了一堆外掛、小貼紙、小玩意呀？每個小東西都有其獨特的功能，但放太多的話會讓網頁的載入速度變慢。現在有許多的工具可以測試網站(Blog)慢在那邊，就可以根據這個去調整畫面的配置了！

目前知道的有兩種方式，第一種是 Firebug ，這是 Firefox 的一個擴充套件，不過妳要會操作這個軟体。另一種也就是我要說的，懶人法-Pingdom Tool線上工具，也就是利用Pingdom Tool線上工具。

Pingdom Tool線上工具：Pingdom Tools 的功用就是逐一告訴你網站每項物件開啟的時間，並繪製出一個很詳盡的圖表與統計資訊。使用時完全無須下載或是註冊、登入，僅需輸入欲檢驗的網址並按下 Test now 即可。

Pingdom Tool線上工具測試的網址

先到Pingdom Tool線上工具測試的網址，在 Full page test 服務的 URL : 一欄中填入你要測試的網址，然後按下 " Test Now " 的按鈕。

接著畫面就會出現網站元素載入的過程，可以觀察到這個流程是接續發生的。還可以根據載入的時間排序…等，如果你用滑鼠經過每一個元素，他還會進一步告訴你，這個元素的大小，載入的時間多寡的資訊。

底下也有網站(Blog)整体的資訊，例如：整体載入的時間、網頁大小、有多少物件載入css 圖…等，還是有參考的價值。

如果這個也沒法解決，也有可能是妳的isp的頻寬有問題，妳也可能想知妳現在的頻寬，底下有台灣幾家在網頁上測頻寬的網址，可以試一下是不是isp的問題。

1.HINET ：網頁測速

2.速博sparq ：網頁測速

3.SeedNet ：網頁測速(限SeedNet用戶) 網頁測速2(限SeedNet用戶)

4.So-Net ：網頁測速(限So-Net用戶)

5.Giga ：網頁測速

6.台灣固網 A-Net ：網頁測速

Blog widget - 比 youtube 還炫的方式(WeShow Video Widget)

Web Widget 是簡單的小功具，為使用者提供簡單的服務。它通常被設計成為具有特定的功能，如提供天氣、股票等的信息。它和網頁一樣，使用標準的Web技術開發，如XHTML，CSS，javascript等。

在國外Blog widget 真是非常流行，今天又發現一個新的Blog widget，他叫WeShow Video Widget，主要是讓人看相關 or 熱門的video。

官網：位址

安裝非常容易，只要三個步驟
1.setup your widget(設定widget) ：可以設定大小，顏色及相關的Channel...等。
2. Preview ：看一下是不是妳設定的樣式。
3.Place your Widget(把code 填入Bblog) ：只要把相關的 code 填入Blog中即可。
只要簡單的三個步驟就完成了，真是方便。

底下就是code(當然可以根據妳的需求設定)--

<script type="text/javascript">
WeShow_widget_type = '530x156';
WeShow_widget_theme = 'azule';
WeShow_widget_lang = 'us';
WeShow_widget_title = '%5BPut%20the%20title%20here%5D';
WeShow_widget_channels = '245';
WeShow_widget_defchann = '245';
WeShow_widget_user = '';
WeShow_URL = 'http://www.weshow.com/widgets/';
</script>
<script type="text/javascript" src="http://www.weshow.com/widgets/scripts/weshow_widget.js">
</script><noscript><a href=" http://www.weshow.com/us/widget" target="_blank">create your own WeShow Video Widget</a></noscript>

Blog widget 馬力歐( Super Mario Original Game )

Web Widget 是簡單的小功具，為使用者提供簡單的服務。它通常被設計成為具有特定的功能，如提供天氣、股票等的信息。它和網頁一樣，使用標準的Web技術開發，如XHTML，CSS，javascript等。

今天又發現了一個好玩的Blog widget(Super Mario Original Game) ，只要把一段 code 放到blog 上就可以執行了，非常方便。重點是他等於線上的馬力兄弟，好懷念以前玩馬力兄弟的時光！

位置： Super Mario Original Game

第一步設定好大小：

第二步按 Get widget ：

這時可以選妳要直接用code 放入blog，還是用增加小工具的方便，底下是我用flash code 的方式。只要點選blog 就會出現智慧的功能，直接新增！

操控性還不錯啦，不過要自已摸索一下，主要是上下左右…。

Blog widget - weather forecast map

Web Widget 是簡單的小功具，為使用者提供簡單的服務。它通常被設計成為具有特定的功能，如提供天氣、股票等的信息。它和網頁一樣，使用標準的Web技術開發，如XHTML，CSS，javascript等。

最近上網發現了英文網站上提供了一堆 Blog widget的外掛，這次介給一個提供世界城市天氣預告的Blog widget，就是 weather forecast map 。

weather forecast map ：官網

進入首頁就可以選擇妳要放在 blog上的天氣預報城市，例如妳要選台北的話，就先選亞洲(Asia)，之後就有國家可以選，再選台灣(Taiwan)，就會出現一堆台灣的城市了，例如：彰化(Changhua)、台北(Taipei)、台中(Taichung)... 等，選了台北(Taipei)後，就會有一堆台北的天氣預報資料，再把他上面提供放置Blog的碼放置在你要放置的 Blog 上即可，就會在 blog上出現某個城市的天氣預報，非常簡單吧，有興趣的人可以試試，馬上在你的 Blog上就有一個新的功能了。

<script src="http://www.weatherforecastmap.com/weather.php?zona=taiwan_taipei"></script><noscript><a class="weather_widget" href="http://www.weatherforecastmap.com/"><img class="weather" src="http://weatherforecastmap.com/img/widgets/1217950.gif" alt="weather_widget" /></a></noscript>

Google AdSense - AdSense for Search + Google Co-op

相信現在很多人的 blogger上都有放 Google AdSense，而且有放置 Google AdSense 提供的 AdSense for Search 服務，最近發現原來 AdSense for Search 升級了！把原本的 Google 的另一個服務整合進來了(Google Co-op)。

什麼是Google Co-op：Google Co-op 是可讓您為 Google 使用者和您自己網站的使用者自訂網頁搜尋經驗的平台。也就是妳可以根據自已的喜好興趣只搜尋某幾個網站，就是個人化的搜尋。
1.包含一個網站、多個網站或特定網頁
2.在您自己的網站上建立專屬的搜尋引擎
3.可搭配您的網頁自訂搜尋框的顏色和樣式

Google Co-op官網

如何使用AdSense for Search + Google Co-op ：
其實很簡單，Google 把他整合進 AdSense for Search，只要進入Google AdSense後台--->AdSense 設定---> 取得廣告---->AdSense for Search即可。

Google AdSense - AdSense for Search + Google Co-op

即會進入說明：

接下來就是設定自訂的搜尋目標，只要把網址放入即可，非常方便！

接下來就和原本的AdSense for Search相同即可取得程式碼，放入網頁中即可！

可以自訂名稱(並取得程式碼)：

目前 Google AdSense 計劃政策裡面，在同一頁面至多可以放置兩個 AdSense for Search。

發現 pkblogs 線上代理網站(Blogger 被封鎖的人有用)

發現 pkblogs.com 線上代理網站

今天下午沒事情，就利用 whos.amung.us 看來有誰連到我的網站，結果無意中發現一個不尋常的現象！怎麼會有一個 www.pkblogs.com/cate-taiwan ，一般都是來看 blogger，所以網址一定是 cate-taiwan.blogspot.com ，所以 pkblogs 就引起我的興趣了。

於是打上網址看一下(www.pkblogs.com)，原來是個線上網頁代理網站，主要是服務印度、巴基斯坦、伊朗和中國的朋友（Is your blog blocked in India, Pakistan, Iran or China?），如果Blogspot被封鎖的話。

分享給大家這個方法：覺得還不錯啦，就試了一下，在 pkblogs 的首頁打上 cate-taiwan ，果真沒錯，利用 pkblogs 可以連上我的 blogger。

不過我注意到一點了，利用 pkblogs 到 blogger 的人，在他的 browser上面會看不到javascript的東西，不知為什麼？不過還真不錯多了解了一個知識，不一定有到中國的話(之前有朋有在大陸看不到 blogger)，也可以用這個方式上自已的 blogger。

新增 Rss 訂閱鈕到blog(RSS Button Maker)

現在網路上有一堆書籤的網站，例如：Blogline、Technorati、Google、Yahoo…等。很多使用者都是利用書籤來記錄網頁，如果能在網頁上有加入書籤的網站的button的話，就可以幫助使用者方便的加入書籤，便可以增加網站的曝光。

RSS Button Maker 工具很容易創造 RSS訂閱鈕，可以增加訂閱網站用戶數目，讓你的blog更受歡迎，目前這個工具裡面有超過30個書籤網站的RSS訂閱鈕，不過都是英文的書籤。使用RSS Button Maker有四個主要步驟：選擇按鈕、選擇類型、輸入網站資訊、出現的樣式。

1.選擇按鈕：選擇想要的書籤的網站(可以多選)

2.選擇類型：選擇想要的樣式例如：預設、下拉式…

3.輸入網站資訊：輸如網站的描述、網站的網址、網站Rss網址，例如 Blog Title：Taiwan's 美食及生活，Blog URL：http://cate-taiwan.blogspot.com，Feed URL： http://cate-taiwan.blogspot.com/rss.xml。

4.出現的樣式：可以設定要不要換行…

當設定完成，就會出現Html Code。

把這些code放在blog上即可。

Blog 線上人數統計工具(tool)免安裝免註冊-Whos.amung.us

Blog 線上人數統計工具(tool)免安裝免註冊-whos.amung.us

最近在上網時發現了一個好用的 tool- Blog 線上人數統計工具(tool)，Whos.amung.us 是一個用來統計及顯示Blog線上人數統計工具，whos.amung.us 提供了很棒的統計功能，且只需將一小段語法加入部落格內就能開始使用，免除註冊或申請的困擾非常方便。

Whos.amung.us 提供了多種統計功能，包含 who's（顯示最近訪客瀏覽的頁面）、graphs（將訪客數製作成圖表）、maps（顯示最近的訪客是從何而來），如果你對於Whos.amung.us服務有興趣，直接進入Whos.amung.us首頁後就可以看到一段原始碼，將它複製並貼在自己網站、部落格內就能顯示線上訪客狀況，而且很多數據都是即時反應喔(使用flash)。

Whos.amung.us首頁HTML Code