顯示具有 教學 標籤的文章。 顯示所有文章
顯示具有 教學 標籤的文章。 顯示所有文章

2007年4月27日 星期五

Picasa網路相簿上傳Blog教學

Picasa怎麼用哩?
這裡教大家使用Picasa上傳的方式,首先我們到這裡去下載Picasa

安裝完成後執行會出現像下圖這樣的結果,一開始它會掃瞄硬碟中所有的照片,如果不想等,可以關掉,但有可能找不到你要的圖,因為它還沒掃描到就被關掉了!























然後找到你要的圖片,點選下面的網路相簿的按鍵,並且輸入你的Google帳號密碼登入,這邊要注意的是,你的帳號必須要有啟用過Picasa網路相簿,還沒啟用的話它會自動轉入網路相簿啟動頁














之後會出現如下的畫面,你可以選擇建立新網路相簿,或是新增至現有網路相簿,本例是新


增網路相簿,而其他設定值用預設的內訂值就可以,點選不公開的話,將只有你自己登入的時候才可以觀看喔,要特別注意,好了之後點"確定"



這樣一來就上傳成功了,那我們要如果去觀看我們的網路相簿呢?
點選Picasa裡右上角的"網路相簿這行小字",就可以了










上傳完成了之後,要怎麼把Picasa網路相簿裡的相片丟到Blog裡?

首先進入網路相簿裡,進入相簿後點選要放入Blog的照片,右邊有一行小字:內嵌於Blog/Myspace,別懷疑,點下去,會出現這張相片的連結,先把它全部複製起來!
(如果不想只上傳一張相片到Blog裡,也可以只點選相簿就好,不要在點進單張照片裡)







然後登入到自己的Blog裡,新增網頁元素,然後點選"HTML/JavaScript 將第三方功能或其他程式碼加入您的 blog。"

打上標題,並把程式碼貼在內容裡,就完成嚕同樣的,也可以把圖片嵌到文章裡面,只要連結貼到文章的內容裡,但要注意請在"修改Htnl"裡貼上,不然會沒有用

以上就是Picasa網路相簿上傳Blog的教學,如果有錯請多指正,本人還是初學,有錯誤請多多包涵:P

Blog電臺音樂撥放教學

要怎麼把電臺的音樂加到Blogger裡?
然後,選擇您想放置的廣播電台,然後按送出,就會出現放入 Blog 中的程式碼


















把程式碼部份"全部"複製下來,然後登入自己的Blogger,到新增網頁元素




















然後點選"HTML/JavaScript 將第三方功能或其他程式碼加入您的 blog。"




























然後打上標題,在內容貼上剛剛複製的程式碼,即完成!!










那要怎麼一開始讓音樂不撥放?請注意程式碼裡:AP這個函數是自動播放的意思要自動播放就要改成AP=true,不要自動撥放就改成AP=false


http://jason.onweb.idv.tw/getradioforblog.asp
這個網站還有很多Blog嵌入電臺音樂的教學,有興趣的人可以去看看
以上就是Blog電臺音樂撥放嵌入的教學,如果有錯請多指正,Html程式碼本人還是初學,有錯誤請多多包涵:P

2007年4月23日 星期一

YouTuBe影片嵌入及調整外框大小 教學

當我們在YouTuBe網站上看到一個喜歡的影片想把它直接嵌入自己的網站或是Blog而不是用連結的方式時,該怎麼用?
很簡單,首先找到您要的影片


注意到右方有有兩行可以打字但是裡面卻寫著網址跟程式的地方嗎?
一條是URL,這是超連結,這一行只會連結到妳看的這個影片的網址,並不能直接在您的網站或是Blog撥放,不過這有個好處,想讓網站乾淨點,不要出現太多的嵌入影片佔了版面,也是不錯的選擇












不過!我們要的是把影片直接嵌入到Blog裡,所以我們要把Embed(用紅線畫起來的地方),全部複製起來 然後到建立文章裡(這裡以Blogger做範例),點選右上有一頁"修改 Html"
















把剛剛我們複製的Embed的程式碼貼上文章裡,記得是要在"修改Htnl"裡加入程式碼










如此一來就大功告成啦


接著是修改影片外框大小,首先我們先找到Embed程式碼,裡面有一是"width="425"height="350"
這是指外框像數,我們只要變更這兩個數字,就可以改變影片大小,比如說350跟280 就會變成以下的大小


補充一下:YouTuBe也可以發表在網頁元素上
請登入自己的Blogger,到板面修改配置,然後選擇"加入網頁元素"





















然後點選"HTML/JavaScript 將第三方功能或其他程式碼加入您的 blog。"




























然後打上標題,在內容複製YouTuBe,Embed程式碼,即完成!!


























接下來就可以到Blog裡觀看,記得,請應用之前修改大小的方式,來修改成適合的大小,不然就會像下圖一樣,被切掉一半


















以上就是YouTuBe影片嵌入的教學,如果有錯請多指正,Html程式碼本人還是初學,有錯誤請多多包涵:P
Powered By Blogger