網路教學: 11月 2012

2012年11月19日星期一

文章加入FB按讚功能

在編輯時切換至HTML將此語法貼到文章的前面或後面

<iframe src="http://www.facebook.com/plugins/like.php?href=<此處填入文章的網址，包刮刮號>&layout=standard&show-faces=true&width=450&height=60&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none;overflow:hidden;width:450px;height:60px"></iframe>

2012年11月14日星期三

影片自動播放

<div align="center">
<embed height="360" src="http://www.youtube.com/embed/zDJfLjUTapA?&videoUrl=http%3A%2F%2Fvp.video.google.com%2Fvideodownload%3Fversion%3D0%26secureurl%3DpgAAACDFX7eWW_XUImJH3blqXSZY3BosL4uHk6acskywJc7MUPkU722J4S6dUMELuHucyeaRNPasN-zB6XUF3Mms0WQtxtV2d9zYio3vU4N3rNgMPhckBMbwORQIpjnZfE9DjztBW2kflFdYp4ebbsp53KStjQqUyYjVQ4eGouWA4fmo6b7LEd4jmz1AX0CyF0Ujq4FDn0Pfhz_VfjtZ5IEdCpXSWUKsFZTwN6f4ZBfqoaWb%26sigh%3DZackp6M39QxBv5em0Tcg7h0wrzA%26begin%3D0%26len%3D951866%26docid%3D-868097237758813769&messagesUrl=http%3A%2F%2Fvideo.google.tw%2FFlashUiStrings.xlb%3Fframe%3Dflashstrings%26hl%3Dzh-TW&thumbnailUrl=http%3A%2F%2Fvideo.google.com%2FThumbnailServer2%3Fapp%3Dvss%26contentid%3D3ca34f40e44e0522%26offsetms%3D370000%26itag%3Dw320%26lang%3Dzh%26sigh%3DYkk2VS5dfFGqKiWByE7b5vFSLNs&autoplay=1" width="480"></embed></div>

文章法表之語法
將語法複製，修改紅色的網址路徑即可

以下為新增欄位的自動播放語法
<p align="center"><embed src="http://video.google.com/googleplayer.swf?&videoUrl=http%3A%2F%2Fvp.video.google.com%2Fvideodownload%3Fversion%3D0%26secureurl%3DpgAAACDFX7eWW_XUImJH3blqXSZY3BosL4uHk6acskywJc7MUPkU722J4S6dUMELuHucyeaRNPasN-zB6XUF3Mms0WQtxtV2d9zYio3vU4N3rNgMPhckBMbwORQIpjnZfE9DjztBW2kflFdYp4ebbsp53KStjQqUyYjVQ4eGouWA4fmo6b7LEd4jmz1AX0CyF0Ujq4FDn0Pfhz_VfjtZ5IEdCpXSWUKsFZTwN6f4ZBfqoaWb%26sigh%3DZackp6M39QxBv5em0Tcg7h0wrzA%26begin%3D0%26len%3D951866%26docid%3D-868097237758813769&messagesUrl=http%3A%2F%2Fvideo.google.tw%2FFlashUiStrings.xlb%3Fframe%3Dflashstrings%26hl%3Dzh-TW&thumbnailUrl=http%3A%2F%2Fvideo.google.com%2FThumbnailServer2%3Fapp%3Dvss%26contentid%3D3ca34f40e44e0522%26offsetms%3D370000%26itag%3Dw320%26lang%3Dzh%26sigh%3DYkk2VS5dfFGqKiWByE7b5vFSLNs&autoplay=1" width="126" height="150"></embed></p>

將語法複製，修改紅色的網址路徑即可
引用自
http://tw.group.knowledge.yahoo.com/nkhs-9323005/article/view?aid=35

BLOG新增自訂欄位

先複製好要嵌入的語法

由版面設定、新增小工具，找尋HTML/java Script ,點加入

將所複製之語法貼入內容，在於標題填入欄位名稱，按儲存即可

2012年11月12日星期一

奇摩部落格樣式教學一

.twocol #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:90%;margin:0 auto;}
**.twocol 表示兩欄式三欄式則為.thrcol
** #yhtw_mastfoot 表奇摩置尾區
**width:90% 表示與螢幕顯示寬度的比例，可以直接以畫素如1020px表示，但建議以百分比設定，如此針對不同螢幕解析度都可顯示一樣結果
**margin:0 表示邊界留多少
.twocol .filtered99999 , .twocoldr .filtered99999 {min-width:90%;}

.twocol .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:90%;text-align:left;margin:0 auto;}
**text-align:left 文字對齊左邊
.twocoldr .yc3pri {width:82%;position:absolute;top:100px;right:0px;}
文章欄位設定寬度(針對整體而言絕對大小及位置)
.twocoldr .yc3subbd {width:180px;} 左邊欄位設定