<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>VicJuan&#039;s 好人夫妻的好站 &#187; google</title>
	<atom:link href="http://vicjuan.org/archives/category/textdiary/web/google/feed" rel="self" type="application/rss+xml" />
	<link>http://vicjuan.org</link>
	<description>我們已經結婚了，嚇到你了啊？真是不好意思啊。</description>
	<lastBuildDate>Wed, 18 Jan 2012 16:40:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Google AJAX Search</title>
		<link>http://vicjuan.org/archives/2007/11/08/620</link>
		<comments>http://vicjuan.org/archives/2007/11/08/620#comments</comments>
		<pubDate>Thu, 08 Nov 2007 15:59:07 +0000</pubDate>
		<dc:creator>vicjuan</dc:creator>
				<category><![CDATA[google]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[文字日記]]></category>

		<guid isPermaLink="false">http://vicjuan.org/archives/2007/11/08/620</guid>
		<description><![CDATA[<p>前幾天在<a href="http://blog.ijliao.info/archives/2007/11/04/3366/">廖桑大大的blog</a>中看到了一篇關於<a href="http://code.google.com/apis/ajaxsearch/">Google AJAX Search</a>的文章<br />
覺得很有趣<br />
所以我也去申請來用<br />
雖然<a href="http://wordpress.org">WordPress</a>系統本身就有搜尋系統<br />
不過既然可以請<a href="http://www.google.com">Google</a>幫忙<br />
何樂而不為呢<br />
<!--more--><br />
而申請的第一個步驟就是去取得自己的<a href="http://code.google.com/apis/ajaxsearch/signup.html">API key</a><br />
申請完畢就會給一個範例網頁<br />
基本上直接用這個網頁就可以立即享受到<a href="http://code.google.com/apis/ajaxsearch/">Google AJAX Search</a><br />
而<a href="http://wordpress.org">WordPress</a>的使用者則可以去下載<a href="http://dancameron.org/wordpress/wordpress-plugins/google-ajax-search-plugin/">plugin</a><br />
讓<a href="http://code.google.com/apis/ajaxsearch/">Google AJAX Search</a>成為一個widget<br />
出現在側欄上<br />
不過由於我覺得側欄的寬度實在太小了<br />
有點不太舒服的感覺<br />
所以我稍微作了點手腳<br />
變成了<a href="http://wordpress.org">WordPress</a>的<a href="http://vicjuan.org/search">page</a>之一</p>
<p>實際使用過後發現<br />
由於不需要從host的資料庫存取資料<br />
所以搜尋速度當然比較快<br />
事實上<a href="http://wordpress.org">WordPress</a>的搜尋慢就慢在需要重新讀取頁面<br />
所以在速度上<a href="http://code.google.com/apis/ajaxsearch/">Google AJAX Search</a>當然是勝出了</p>
<p>至於搜尋的正確度<br />
那就得看<a href="http://www.google.com">Google</a>爭不爭氣了 XD</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1687745962382759";
/* 468x60, 已建立 2008/4/26 */
google_ad_slot = "5481622240";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p> ]]></description>
		<wfw:commentRss>http://vicjuan.org/archives/2007/11/08/620/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>內嵌Google Maps在網頁上</title>
		<link>http://vicjuan.org/archives/2007/08/25/559</link>
		<comments>http://vicjuan.org/archives/2007/08/25/559#comments</comments>
		<pubDate>Fri, 24 Aug 2007 16:32:40 +0000</pubDate>
		<dc:creator>vicjuan</dc:creator>
				<category><![CDATA[google]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[文字日記]]></category>
		<category><![CDATA[google maps]]></category>

		<guid isPermaLink="false">http://vicjuan.org/archives/2007/08/25/559</guid>
		<description><![CDATA[<p><a href="http://maps.google.com/">Google Maps</a>允許使用者建立自己的地圖<br />
好讓使用者方便在地圖上標記景點<br />
不過在以前是無法把地圖內嵌在別的網頁上的<br />
只能提供連結連到使用者的地圖</p>
<p>最近<a href="http://maps.google.com/">Google Maps</a>終於提供iframe語法<br />
讓使用者可以自由將自己的地圖內嵌在任何網頁上<br />
(除了那個禁止使用iframe的<a href="http://www.wretch.cc">無名小站</a>以外&#8230;)<br />
所以我也新增一個<a href="http://vicjuan.org/map">page</a><br />
可以顯示一些我去過的攝影景點<br />
當然希望有朝一日<br />
可以布滿整個台灣 XD</p>
]]></description>
		<wfw:commentRss>http://vicjuan.org/archives/2007/08/25/559/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>把Google Calendar放在Blog上</title>
		<link>http://vicjuan.org/archives/2007/05/18/439</link>
		<comments>http://vicjuan.org/archives/2007/05/18/439#comments</comments>
		<pubDate>Fri, 18 May 2007 10:26:25 +0000</pubDate>
		<dc:creator>vicjuan</dc:creator>
				<category><![CDATA[google]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[文字日記]]></category>
		<category><![CDATA[google calendar]]></category>

		<guid isPermaLink="false">http://vicjuan.org/archives/2007/05/18/439</guid>
		<description><![CDATA[<p>自從上班之後就使用<a href="http://www.google.com/calendar/">Google Calendar</a>當作自己的行事曆<br />
紀錄一些活動行程以及meeting<br />
除了一般日曆會有的提醒功能以外<br />
<a href="http://www.google.com/calendar/">Google Calendar</a>還允許使用者將自己的日曆貼在自己的Blog上<br />
讓大家看看自己的<a href="http://vicjuan.org/calendar">行事曆</a><br />
<!--more--><br />
分享的方式很簡單<br />
進入設定之後<br />
點選自己的日曆名稱<br />
會進入日曆詳細資料頁面<br />
在下方有日曆網址的項目<br />
如果點選html<br />
即可進入設定工具產生程式碼<br />
將自己的日曆貼上blog</p>
<p>今天之所以提到這個是因為<br />
當我在瀏覽<a href="http://www.goston.net/2007/05/18/858/trackback/">Goston大大的這篇文章</a>的時候<br />
赫然發現原來<a href="http://www.goston.net/">Goston</a>大大有在看我的攝影題材行事曆<br />
因此除了原本的行事曆之外<br />
我還把攝影題材日曆放上<a href="http://vicjuan.org/calendar">這一頁</a><br />
並且開始把一些<a href="http://www.dcview.com.tw">DCView</a>外拍活動加上日曆</p>
<p>所以說<br />
想要參考攝影題材資訊的可以來看我的日曆<br />
想要知道我某月某日有沒有空的也歡迎來看 <img src='http://vicjuan.org/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>補充<br />
既然有人想要張貼我的行事曆的話<br />
我就把語法也公開一下好了 <img src='http://vicjuan.org/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /><br />
長寬尺寸可以自行調整成合適的尺寸</p>
<div class="hl-surround"><ol class="hl-main ln-show" title="Double click to hide line number." ondblclick = "linenumber(this)"><li class="hl-firstline"><span style="color: Olive;">&lt;</span><span style="color: Green;">iframe</span><span style="color: Gray;"> </span><span style="color: #00008b;">src</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">http://www.google.com/calendar/embed?src=kupbmbjp6gnu956phm6hsa98b4%40group.calendar.google.com</span><span style="color: Navy;">&amp;amp;</span><span style="color: Red;">height=614</span><span style="color: #8b0000;">&quot;</span><span style="color: Gray;"> </span><span style="color: #00008b;">style</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;"> border-width:0 </span><span style="color: #8b0000;">&quot;</span><span style="color: Gray;"> </span><span style="color: #00008b;">width</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">480</span><span style="color: #8b0000;">&quot;</span><span style="color: Gray;"> </span><span style="color: #00008b;">frameborder</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">0</span><span style="color: #8b0000;">&quot;</span><span style="color: Gray;"> </span><span style="color: #00008b;">height</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">650</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">iframe</span><span style="color: Olive;">&gt;</span></li></ol></div>
]]></description>
		<wfw:commentRss>http://vicjuan.org/archives/2007/05/18/439/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Google Reader for Wii</title>
		<link>http://vicjuan.org/archives/2007/05/09/430</link>
		<comments>http://vicjuan.org/archives/2007/05/09/430#comments</comments>
		<pubDate>Wed, 09 May 2007 04:40:22 +0000</pubDate>
		<dc:creator>vicjuan</dc:creator>
				<category><![CDATA[遊戲]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Wii]]></category>
		<category><![CDATA[文字日記]]></category>
		<category><![CDATA[google reader]]></category>

		<guid isPermaLink="false">http://vicjuan.org/archives/2007/05/09/430</guid>
		<description><![CDATA[<p>今天在<a href=" http://googlereader.blogspot.com/2007/05/feed-your-television.html">Google Reader 官方blog上</a>提到了Google Reader for Wii的介面<br />
還有影片Demo可以看<br />
由於任天堂的Wii可以下載Opera瀏覽器<br />
如果直接用Wii的Opera連到<a href="http://www.google.com/reader/">Google Reader</a>就看的到這個介面<br />
如果是PC使用者也是可以連到<a href="http://www.google.com/reader/wii ">http://www.google.com/reader/wii</a>來嘗鮮一下<br />
<!--more--><br />
操作方法如下</p>
<p>Wii 的操作方法</p>
<p>* 上/下 : 畫面移上/下<br />
* 右/左 : 下一個/上一個項目<br />
* 按鈕 1 : 列出訂閱<br />
* 按鈕 2 : 列出連結<br />
在列出訂閱的畫面 (按鈕1) 時:</p>
<p>* 上/下 : 前一個/下一個 訂閱<br />
* 右 : 選擇該訂閱<br />
* 左 : 關閉<br />
* -/+ : 收合/展開 目錄</p>
<p>詳細的圖文說明也可以到<a href="http://pctao.org/2007/05/09/188/trackback/">TaopaiC大大的文章</a>觀看</p>
]]></description>
		<wfw:commentRss>http://vicjuan.org/archives/2007/05/09/430/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flickr GMap Show</title>
		<link>http://vicjuan.org/archives/2007/05/05/417</link>
		<comments>http://vicjuan.org/archives/2007/05/05/417#comments</comments>
		<pubDate>Sat, 05 May 2007 06:12:41 +0000</pubDate>
		<dc:creator>vicjuan</dc:creator>
				<category><![CDATA[flickr]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[文字日記]]></category>
		<category><![CDATA[flickr gmap show]]></category>
		<category><![CDATA[google maps]]></category>

		<guid isPermaLink="false">http://vicjuan.org/archives/2007/05/05/417</guid>
		<description><![CDATA[<p><a href="http://blog.wctang.info/2007/04/flickr-gmap-show.html">Flickr GMap Show</a>是<a href="http://blog.wctang.info/">wctang</a>大大撰寫的好程式<br />
這支程式最主要的用意就是在<a href="http://maps.google.com/">Google Maps</a>上頭<br />
顯示出某個<a href="http://www.flickr.com">flickr</a>set內具有座標定位的照片<br />
標示在正確的對應地圖位置上<br />
由於我覺得這個程式很棒<br />
對我應該有很大的實質幫助<br />
所以我就將這支javascript程式借來使用了 <img src='http://vicjuan.org/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /><br />
有興趣的人也可以去<a href="http://blog.wctang.info/2007/04/flickr-gmap-show.html">wctang</a>的blog看看<br />
<!--more--><br />
在使用這個javascript之前<br />
每個人要先去<a href="http://www.google.com.tw/apis/maps/">Google Maps API</a>取得自己網站專用的api key<br />
然後在網頁中加入下列兩行程式碼以使用所需的javascript</p>
<div class="hl-surround"><div class="hl-main"><span style="color: Olive;">&lt;</span><span style="color: Green;">script</span><span style="color: Gray;"> </span><span style="color: #00008b;">src</span><span style="color: Gray;">='</span><span style="color: #00008b;">http:</span><span style="color: Gray;">//</span><span style="color: Green;">maps</span><span style="color: Gray;">.</span><span style="color: #00008b;">google</span><span style="color: Gray;">.</span><span style="color: #00008b;">com</span><span style="color: Gray;">/</span><span style="color: Green;">maps</span><span style="color: Gray;">?</span><span style="color: Green;">file</span><span style="color: Gray;">=</span><span style="color: #00008b;">api</span><span style="color: Gray;">&amp;</span><span style="color: #00008b;">amp</span><span style="color: Gray;">;</span><span style="color: #00008b;">v</span><span style="color: Gray;">=</span><span style="color: #00008b;">2</span><span style="color: Gray;">&amp;</span><span style="color: #00008b;">amp</span><span style="color: Gray;">;</span><span style="color: #00008b;">key</span><span style="color: Gray;">=在這邊把你取得的</span><span style="color: #00008b;">key</span><span style="color: Gray;">放在這裡' </span><span style="color: #00008b;">type</span><span style="color: Gray;">='</span><span style="color: #00008b;">text</span><span style="color: Gray;">/</span><span style="color: Green;">javascript</span><span style="color: Gray;">'</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">script</span><span style="color: Olive;">&gt;</span><span style="color: Gray;"><br />&nbsp;<br /></span><span style="color: Olive;">&lt;</span><span style="color: Green;">script</span><span style="color: Gray;"> </span><span style="color: #00008b;">src</span><span style="color: Gray;">='</span><span style="color: #00008b;">flickr-gmap</span><span style="color: Gray;">.</span><span style="color: #00008b;">js</span><span style="color: Gray;">' </span><span style="color: #00008b;">type</span><span style="color: Gray;">='</span><span style="color: #00008b;">text</span><span style="color: Gray;">/</span><span style="color: Green;">javascript</span><span style="color: Gray;">'</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">script</span><span style="color: Olive;">&gt;</span></div></div>
<p>當然這裡的flickr-gmap.js就是<a href="http://blog.wctang.info/">wctang</a>大大的大作啦</p>
<p>接著去修改css檔案<br />
新增這兩個style</p>
<div class="hl-surround"><div class="hl-main"><span style="color: Blue;">#mainwrap</span><span style="color: Gray;"> </span><span style="color: Olive;">{</span><span style="color: Gray;"><br /></span><span style="color: Green;">height:</span><span style="color: Maroon;">500</span><span style="color: Red;">px</span><span style="color: Green;"></span><span style="color: Gray;">; </span><span style="color: Green;">width:</span><span style="color: Maroon;">400</span><span style="color: Red;">px</span><span style="color: Green;"></span><span style="color: Gray;">;<br /></span><span style="color: Olive;">}</span><span style="color: Gray;"><br /></span><span style="color: Blue;">#gmap</span><span style="color: Gray;"> </span><span style="color: Olive;">{</span><span style="color: Gray;"><br /></span><span style="color: Green;">width:</span><span style="color: Maroon;">500</span><span style="color: Red;">px</span><span style="color: Green;"></span><span style="color: Gray;">; </span><span style="color: Green;">height:</span><span style="color: Maroon;">400</span><span style="color: Red;">px</span><span style="color: Green;"></span><span style="color: Gray;">;<br /></span><span style="color: Olive;">}</span></div></div>
<p>最後就在想要插入地圖的地方<br />
加上下面這些程式碼</p>
<div class="hl-surround"><div class="hl-main"><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;"> </span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">mainwrap</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;</span><span style="color: Gray;"><br />&nbsp; </span><span style="color: Olive;">&lt;</span><span style="color: Green;">div</span><span style="color: Gray;"> </span><span style="color: #00008b;">id</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">gmap</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span><span style="color: Gray;"><br /></span><span style="color: Olive;">&lt;/</span><span style="color: Green;">div</span><span style="color: Olive;">&gt;</span><span style="color: Gray;"><br /></span><span style="color: Olive;">&lt;</span><span style="color: Green;">script</span><span style="color: Gray;"> </span><span style="color: #00008b;">type</span><span style="color: Gray;">=</span><span style="color: #8b0000;">&quot;</span><span style="color: Red;">text/javascript</span><span style="color: #8b0000;">&quot;</span><span style="color: Olive;">&gt;</span><span style="color: Gray;"><br />FlickrGmapShow.createPhotoSetMap(document.getElementById(&quot;gmap&quot;), &quot;你想要顯示的set id&quot;);<br /></span><span style="color: Olive;">&lt;/</span><span style="color: Green;">script</span><span style="color: Olive;">&gt;</span></div></div>
<p>這樣就可以在blog上使用gmap顯示拍攝照片的地點了<br />
要注意的是<br />
div標籤一定要放在script標籤之前<br />
不然就無法正確顯示地圖</p>
<p>目前我只有少數幾張照片有加上座標<br />
所以我就用這兩張照片來demo了 <img src='http://vicjuan.org/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<div id="mainwrap">
<div id="gmap"></div>
</div>
<p><script type="text/javascript">
FlickrGmapShow.createPhotoSetMap(document.getElementById("gmap"), "72157594565626658");
</script></p>
]]></description>
		<wfw:commentRss>http://vicjuan.org/archives/2007/05/05/417/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

