2007年8月25日 星期六

google widget 小工具

http://www.google.com/ig/directory?synd=open&source=gghp連結至此有一些google提供的widget小工具。種類繁多選你喜歡的就行了,yahoo的也有一些http://widgets.yahoo.com/找找唄。

2007年8月21日 星期二

簡易的css box 表格


CSS(Cascading Style Sheets)簡單說就是「串聯樣式表」。可美化網頁、加速網頁讀取。基本模式如上圖來源http://jessey.net/simon/articles/003.html
Content
:文章內容
Padding
:填充~為文章內容與框線間的空間。數值為上、右、下、左。
Border
:框線~數值為上、右、下、左。
Margin:欄外空間~數值為上、右、下、左。
簡易的語法如下,就可有box表格出現。
<html>
<head>
box {
width:480px;
height:300px;
display: block;
overflow:auto;
background: #ffffcc;
padding: 5px 5px 5px 15px;
border: 1px solid #ccc;
margin: 5px 0 0 20px;
}
</head>
<body>
<box>表格內容</box>
</body>
</html>

2007年8月20日 星期一

google網頁翻譯、工具

將想翻譯的文字或網頁至http://www.google.com.tw/translate貼上再翻譯即可。或是想把它在自已的網頁建個即時翻譯。語法如下:

<a href="http://translate.google.com/translate?u=http%3A%2F%2Fnvoms123.blogspot.com%2F&langpair=zh%7Cen&hl=en&ie=UTF8" target="_blank" title="Translate To English"><img src="http://nvoms123.googlepages.com/usa.gif"/> </a>
<a href="http://translate.google.com/translate?u=http%3A%2F%2Fnvoms123.blogspot.com%2F&langpair=zh-TW%7Czh-CN&hl=en&ie=UTF8" target="_blank" title="翻译成简体中文"><img src="http://nvoms123.googlepages.com/china.gif"/> </a>

其中 a href=貼上你網頁經翻譯後的網址。img src=貼上你網頁空間的小圖即可。
如果覺得想即時翻譯的話可至google 軟體集下載工具列。

2007年8月17日 星期五

RSS與網路書籤

RSS(Really Simple Syndication)是一種用於共用新聞和其他Web內容的資料交換規範,起源於網景通訊公司的推"Push"技術,將訂戶訂閱的內容傳送給他們的通訊協同格式(Protocol)。http://www.feedburner.com/fb/a/home可使你的blog被訂閱、接著按照它步驟填入所需,至Feed Address可更改為自已的blog名。註冊完後選publicize-Chicklet Chooser選擇想要的訂閱按扭,底下會出現編碼。將它貼入網頁完成。
選publicize-FeedCount可獲得訂閱人數貼紙

網路書籤為只標記某篇文章。可至http://www.addthis.com/取得整合的網路書籤AddThis Social Bookmark Button
點選Get these Widget!選取格式再將出現的編碼貼入網頁即可。
其它熱門的像Google BookmarksYahoo! My WebPChomeMyShareBaiduUdnHemiDemi網路書籤語法如下,右鍵另存小圖後。修改語法src="http://yourdomain/google.jpg"為你的網頁空間即可。以免只剩下連結文字
其它的書籤就類推。

<!--google bookmarks-->
<a href='javascript:desc="";if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open("http://www.google.com/bookmarks/mark?op=add&bkmk="+encodeURIComponent(location.href)+"&title="+encodeURIComponent(document.title)+"&annotation="+encodeURIComponent(desc)));'><img alt='Google Bookmarks' border='0' src='http://nvoms123.googlepages.com/google.jpg' title='Google Bookmarks'/></a>


<!--yahoo! my web -->
<a href='javascript:desc="";if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open("http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t="+encodeURIComponent(document.title)+"&u="+encodeURIComponent(window.location.href)+"&d="+encodeURIComponent(desc)+"&ei=UTF-8"));'><img alt='Yahoo! My Web' borderc='0' src='http://nvoms123.googlepages.com/yahoo.jpg' title='Yahoo! My Web'/></a>

<!--pchome-->
<a href='javascript:desc="";if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open("http://search20.portal20.com.tw/x.jsp?t="+encodeURIComponent(document.title)+"&u="+encodeURIComponent(window.location.href)+"&n="+encodeURIComponent(desc)));'><img alt='PChome' border='0' src='http://nvoms123.googlepages.com/pchome.jpg' title='PChome'/></a>

<!--myshare-->
<a href='javascript:(function(){d=document;w=window;t="";if(d.selection){t=d.selection.createRange().text;}else{if(d.getSelection){t=d.getSelection();}else{if(w.getSelection){t=w.getSelection()}}}void(window.open("http://myshare.url.com.tw/index.php?func=newurl&url="+encodeURIComponent(location.href)+"&desc="+escape(document.title)+"&contents="+escape(t),"newwin"))})();'><img alt='MyShare' border='0' src='http://nvoms123.googlepages.com/myshare.jpg' title='MyShare'/></a>

<!--baidu-->
<a href='javascript:desc="";if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open("http://cang.baidu.com/do/add?iu="+encodeURIComponent(location.href)+"&it="+encodeURIComponent(document.title)+"&dc="+encodeURIComponent(desc)));'><img alt='Baidu' border='0' src='http://nvoms123.googlepages.com/baidu.jpg' title='Baidu'/></a>

<!--Udn-->
<a href='javascript:desc="";via="";if(document.referrer)via=document.referrer;if(typeof(_ref)!="undefined")via=_ref;if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open("http://bookmark.udn.com/add?f_TITLE="+encodeURIComponent(document.title)+"&f_URL="+encodeURIComponent(location.href)+"&f_DIGEST="+encodeURIComponent(desc)+"&via="+encodeURIComponent(via)));'><img alt='Udn' border='0' src='http://nvoms123.googlepages.com/udn.gif' title='Udn'/></a>

<!-- HemiDemi -->
<a href='http://www.hemidemi.com/?s=s' onclick='window.open(this.href);return false;'><img alt='HemiDemi' border='0' src='http://nvoms123.googlepages.com/hemidemi.gif' title='HemiDemi'/></a>



若要每篇都加入blogger的文章。進入Customize (自定) > Template(範本) > Edit(修改) HTML > 把 Expand Widget Template(展開小裝置範本) 打勾

找到下面這段代碼
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<----以上代碼插入處
</span>
貯存後有錯誤的話,將以上語法所有&改成&amp;即可~

2007年8月12日 星期日

簡易圖片合成

軟體使用photoshop,開啟想要合成的二張圖影象尺寸互相配合。用套索工具將要合成的第一圖圈起來,之後用選取工具將範圍增加或減少。懶一點就用魔術棒,之後再反轉選取。選取後如圖貼上背景完成圖層概念

2007年8月9日 星期四

google adsense教學

第一步至google adsense網頁註冊。
網站 URL:填寫要使用 AdSense 的主要網站。
這只是為了申請所用 - 您還是可以將 AdSense 放入您其他的網站上。
網站語言:選擇你想要的語言
帳戶類型:個人或企業
國家或領域:選擇所在地
收款人姓名 (完整名稱):wang hsiao mao(最好是護照名如:王小毛)外交部查詢網址
建議使用WG,因為 威妥瑪Wade-Gilos 拼音法拼出來的名字與護照信用卡上面的相同,所以建議採用這個拼音法來填寫的英文基本資料。以免無法申領支票。
地址:台灣郵政查詢,選通用拼音。
城市 / 鄉鎮:再選擇
郡:先選擇
郵遞區號:至台灣郵政查詢
電話:手機號碼為0912-345678,加上國碼應填寫:+886-912-345678;反之,如果是市話電話號碼為02-22222222,加上國碼應填寫:+886-2-22222222。
最後兩個部份,產品選擇及計劃政策則全部勾選,然後按”提交資料”。
完成。


引用網址:http://www.adsenseor.com/adsense-practice/135.html



2007年8月7日 星期二

Flash Mp3 Player 設定教學


主要來源是 http://www.jeroenwijering.com/?item=Flash+Mp3+Player
JW Flash Mp3 Player 縮小版【下載】
縮小版來源網址:http://blog.roodo.com/marti/archives/420442.html
安裝方法來源:能量魔法
解壓縮後
主要為mp3player.swf (主播放器) 和 mp3player.xml(音樂曲目檔) 。
如果想修改面版或player背景顏色可編輯 mp3player.fla(原始碼)。

開啟 mp3player.xml(音樂曲目檔)(此檔不得任意改檔名)
接著把mp3player.swf(不用修改) 和已修改好的mp3player.xml上傳到你的網頁空間
song path="mp3音樂網址" title="音樂顯示名稱"
song path="mp3音樂網址" title="音樂顯示名稱"
音樂顯示名稱要超過20個字才會捲動,不夠的可加空白
再將下面語法嵌入網頁即可

2007年8月5日 星期日

Flash 網頁時鐘語法


由網站「猿電影」提供的「チャーハン時計」,「チャーハン」的中文是炒飯
FLASH時鐘下載頁http://chahanokiba.web.fc2.com/
再將下面語法貼入網頁完成



此篇引用網址:http://blog.yam.com/petlife/article/1285240