將Flickr-slideshow放至blog上

本來在收尋某某語法，無意間找到在blog放置Flickr slideshow的方式~
是這位仁兄的教學：
http://roxytom.bluecircus.net/archives/004609.html
說明的很詳細喔~

小麗我的工作就是把它轉換成自己方便理解的敘述~
如果不太懂該網頁的說明，就看看吧~

使用的標籤：iframe

語法：<iframe frameborder="0" width="500" height="500" scrolling="no" align="center" src="http://www.flickr.com/slideShow/index.gne?set_id=#####"></iframe>

frameborder：邊框設定

width：寬，建議設定為100%，以免版面亂跑

height：長

scrolling：卷軸，no-無捲，yes-有捲，如果怕太佔版面就選yes吧

align：位置，center-置中，left、right

src：連結來源，set_id=####為此http://www.flickr.com/slideShow/index.gne?之目標，set_id可改為"tags=xxx"(以xxx為顯示目標)，更詳盡的解說請點閱此~

####：這個我不是很懂，但是可以如法泡製：
以我的為例，先找到set的網址：http://www.flickr.com/photos/aeidn95/sets/72157594497067406/
那####就會是72157594497067406@N00~

無名、Blogger、Beta-Blogger之心得

有句話是這樣說的"用久了就習慣了"~
之前寫了篇"Blogger與無名Blogger的不同"，是尚未用習慣Blogger的想法~
(補：http://www.wretch.cc/blog/dareandlove&article_id=4781589　上面連不出去就點這吧)
從那時候到現在，Blogger也摸了差不多了，該習慣了~
所以，現在有些不一樣的看法~

雖然無名blog的管理介面清楚易懂，也就是因為其"清楚易懂"，所以少了、限制了很多更好用的功能~
例如：語法上的限制(無名對非VIP會員有語法限制)，使用自由上的限制(無名提供給會員blog的設定較少)，少了撰寫blog文章的方式(Blogger可用Writely、E-mail寫blog文章)~
無名blog提供給會員太方便的介面了，導致部分使用者無法適應or學習其他使用介面~
(有點像現在的小孩生活很科技，會無法適應最原始的生活方式...呵)
剛開始，我也很不適應Blogger的使用方式，直到我不斷摸索css語法，將My Blogger版面改至這樣的"風格"(說是風格，其實也只是一般的Face拉)~

但是無名也有其優點，像是鎖住"右鍵"，一般使用者可以很輕鬆的保護自己的文章~
雖然Blogger提供使用者可以將Blogger發佈在自己的伺服器上，進一步(隱藏)保護自己的blog，但是不知道該如何去做...

有些Blogger相較於無名blog的缺點，已在Beta-Blogger改進(請閱Beta-Blogger與Blogger比較)~
在未來將使Blogger(Beta)在使用上更方便，但卻無損於Blogger在語法上(有彈性)的優點~
尤其是Beta-Blogger與google的結合，(在未來)將會使Blogger的服務多於無名~

這兩天我去摸索Beta-Blogger的"範本-修改Html"的想法是，"無功而返"，好不容易習慣了Blogger舊模式的範本，抓到一些css語法的訣竅，結果在Beta版要重新學習了~
雖然Beta-Blogger有提供使用者換回舊版的範本，可是"網頁元素"這個方便的功能就會消失了~
有一得，必有一失，剛好用在我這種半調子的身上~

總而言之，使用Blogger才2個月多，學得卻比使用無名半年還多~
這就是無名blog和Blogger對我來說最大的"不同"~

Beta-Blogger與舊版Blogger的比較

Beta版的Blogger除了在blog上有許多的改變，更重要的是與google做結合~
只要擁有google的帳號，你可以使用google提供給你的服務，例如：BloggerBeta、Docs and Spreadsheets(Writely和試算表整合的功能)...等，類似Yahoo提供給其會員的服務(信箱、blog...等)~
所以建立BloggerBeta需要擁有google的帳號~

Beta版的Blogger和(舊版)Blogger之間的差異
Beta一樣有[設定]，但是有些微的差異，如下：
設定-格式-時區-[UTC +08:00]中國標準時間；舊版Blogger則是"[UTC +08:00]Asia/Taipei"~
設定-權限-分為blog作者和blog讀者，其中"權限"是舊版Blogger的"成員"；blog作者是指可以在這個blog發表文章的作者，即舊版Blogger的"成員"，無名blog的"共同作者"；blog讀者是指可以看到這個blog的網友，分為"開放給任何人(公開之意)"、"只限我選擇的人(隱藏給朋友看之意)"與"僅blog作者(完全隱藏之意)"三項選擇~

[發佈]
Beta版的blog無須再重新發佈全部或是僅重新發佈索引~
變更[設定]項下的任何設定功能，也是只要按下存檔即可，不用等後其重新發佈囉，看張圖唄：
←設定項下的功能


[張貼]
*在建立文章時，可以使用標籤(即Labels)，可以更快速的搜尋blog內的相關文章~
*同上述[發佈]，發佈文章時，無須再等候囉~

[範本]
舊版的Blogger只有"修改Html"、"挑選新範本"和"AdSense"；新版的Blogger有"網頁元素(含AdSense)"、"字型與顏色"、 "修改Html"、"挑選新範本"~
*網頁元素：提供直接修改"blog標題和說明"、"blog文章的選項"、"blog存檔"、"關於我自己"和"加入網頁元素"~
-blog文章的選項： 可以快速修改文章"日期"的顯示方式和主網頁的文章數(也可在設定-格式項下修改)、修改呈現"張貼者"、"於"、"回應"、"標籤"等顯示的文字...看圖較易瞭解啦：
←更改前
←更改後，還可以移動位置唷!

-blog存檔：是Previous Posts和Archives的結合，也可以從"設定-存檔"處更改，請看圖：


-關於我自己：直接修改"about me"在blog顯示的樣式，請看圖：


-加入網頁元素：可以選擇在blog下方加入or右方加入一些常會用到的"連結"，有丁點類似於無名的"新資料夾"，就無須再到"範本"處自己寫語法加入唷~
例如：我的舊版的Blogger的Friends要到"範本-修改Html"去更改或增加，在Beta版的Blogger就可以利用網頁元素快速的做到，且又簡單、方便~

*字型與顏色：提供快速修改blog的背景顏色、字型顏色、連結顏色...等，對於語法不好的人來說，是一大福音，無須透過"範本-修改Html"來修改字型、字型顏色...等~

*修改Html： 新增"備份、回原"的功能~

[控制主頁]
提供清楚的管理介面和google帳戶的連結~

恩，大概就這些差異吧~
主要都是提供方便的管理介面，用慣無名的人，改用Beta版的Blogger比用舊版的Blogger更容易上手~

如果之前有註冊Writely帳號者，即擁有google帳號囉~
可以直接建立一個新的Beta版的Blogger來玩玩~

PS：無名與Blogger的比較，請閱http://dareandlove.blogspot.com/2006/10/bloggerblog.html

Blogger新功能-Labels

Blogger新功能!
上課的時候老師介紹了Blogger的新功能，是Beta版本才有的-"Labels"

會出現在文章的尾處，功用類似Tag，只要點一下就可以找出在妳的Blog與此篇文章相關的文章~

實在是太酷了，前幾天還在想Blogger無法在同一個網誌內將相關文章分類，有點麻煩說~
有了這個功用，就可以很快速的搜尋相關的文章~
可是...語言模式要切換到English，才有可能獲邀試用新版ㄋㄟ~

這個連結是有關新版新功能的介紹：
http://help.blogger.com/bin/answer.py?answer=42659

這個是Beta-blogger的網址：
https://beta.blogger.com/start

先來去建立一個，試用看看~

幾分鐘之後...

這個是我新建立的Beta版的Blogger~
http://dareandlovebeta.blogspot.com/
下星期要交的作業，寫這個好了...呵

blogger與無名blog的不同

開學第一週，老師要求我們建立google底下的blogger來體驗~
blogger的使用介面，其實不像無名blog那樣便利~
但是，blogger的功能比無名還強大，甚至是世界性...


1.管理上的不同
無名的blog有提供管理介面，讓使用者不費吹飛之力即可窗飾版面~
我的blogger右邊的"連結：)"、"Friends"、"Previous"、"Archives"、"ClustrMaps"等都是要從blogger的控制主頁才可更改，並且還要發佈(有點像上傳)~
而無名blog只需要網誌介面即可達到所有的管理目的，包含建立文章~

另外在blogger想要變更右邊的各項管理，都要到"控制主要"的"變更設定"項下的"範本"裡去做更動~

我的blogger一開始只有"About"、"About Me"、"Links"、"Previous"、"Archives"這五項，後來我是到範本裡去更改"Links"的名稱和內容，陸續又增加了"Friends"其內容與"ClustrMaps"小地圖~

如何在blogger變更右邊管理請閱http://help.blogger.com/bin/answer.py?answer=41427&topic=8920(這是基本的)
新增請閱http://dareandlove.blogspot.com/2006/10/clustrmaps.html
基本上，"範本"是blog的語法所在，版面都在此可獲得變更，如果你的語法夠強!



2.編輯文章的不同
在blogger建立文章，是無法在http://dareandlove.blogspot.com/ 直接建立(即管理上的不同)，不再贅述~
在編輯文章時，blogger的編輯器較少(雖然可以利用語法補強)，但是對於語法不懂得人，很不方便~
可是在Html編輯器時，blogger的貼心又好於無名(多了基本按鈕，粗體、斜體、超連結、圖片等)~

還有我在寫這篇文章時，以為blogger無法竄改寫文章的日期~
其實是可以的，它藏在編寫文章的筐筐下"張貼文章和意見訊息的選項"~

blogger的文章標題是可以連結的喔~
無名就不行~

對我來說這邊差異最大的是在"貼圖"的時候~
每次無名要貼圖時，必須從相簿中選取(要不然就是要有圖的網址)，這時候要再上傳圖片到無名相簿...呼，麻煩阿~
blogger提供直接上傳到網誌上~(但是blogger沒有提供相簿空間喔!!是一個專寫網誌的網站)

雖然在blogger撰寫(進階編輯器)上，功能較少，但是可以利用google的Writely來補強~
Writely是線上的Word工具，如何使用請閱http://dareandlove.blogspot.com/2006/10/writelyblogger.html



3.其他
除了上述的2大不同，其實還有很多~
例如：在blogger的"設定"下有一個"發佈"的功能，可以讓使用者變更其blogger的網址~(無名不能變更網址)
或是在"發佈"的功能裡還可以將你的blogger換到你自己的伺服器上去發佈~(變化可能會更大，ex可保密)
另外在blgger還提供"網站提供"和"電子郵件"，這都是無名沒有的~
"網站提供"我不曉得是什麼...
"電子郵件"尚在研究中...

"成員"，跟無名一樣，可以增加成員在此blog一同編寫文章~
只是無名是一個帳號就只有搭配一個blog，blogger是一個帳號可以擁有許多的blog~
如：http://www.blogger.com/profile/31393780
我的blogger有兩的blog，一個是"躍動青春，舞動生命-dareandlove"，另一個則是"放棄是一瞬間，堅持才是永遠"
但是兩個卻又好像是完全獨立，雖然"主頁控制:是一樣的，但是"變更設定"是不一樣的~(Remember，所有的管理、設定都是在"變更設定"項下，也包含文章管理)，所以也可以說以上的功能都可以獨立作用。

ClustrMaps

在第二節課時，老師介紹了ClustrMaps的小地圖~
跟MSN分享空間的小地圖很像~
ClustrMaps小地圖可以將世界各地到過你blog的那個人的地理位置記下來~
免費的ClustrMaps小地圖可以記錄地區~
付費的ClustrMaps小地圖可以記錄的更詳細~

註冊ClustrMaps的方式，請點此連結~
都完成後，ClustrMaps會提供3個html code選擇貼在自己的部落格或網頁~
我選擇第一個"Recommend"(推薦)~

(新視窗)開啟自身的blogger-範本~
在範本的下方可以找到"Links"、"Previous"、"Archives"...等~
複製"Links"or"Previous"or"Archives"等其中一個語法~
整套複製即可，複製的語法會和"Links"、"Previous"...等相似(90%)，不同在於"Links"、"Previous"、"Archives"這些標題~
然後將複製下來的語法，貼在"Archives"此處語法結束的下一行~
如下圖：

以我的為例，複製的語法一開始是<h2 class="sidebar-title">標題</h2>

<ul>(連結的語法)~
<il>(列點式的語法,含</il>)，請將此整套語法都刪除，改貼你在ClustrMaps所複製的html code~
</ul>也一定要留著喔，這代表連結的語法要結尾了~

如何在blogger區分文章類型

剛剛發現到還不錯的地方~
是看到這位仁兄的Blogger~
本來我以為Blogger沒辦法區分文章的型態~
例如說，我的無名有文章分類，可以將電腦課的文章和一般生活的文章區分~

後來，看到這位仁兄的Blogger覺得這樣區分文章類型也不錯~
就是在"控制主頁"的地方，再建立一個Blog~
就可以簡單區分不同類型的文章了~

哇~剛剛發現一個更炫的東西!
Blogger的文章標題可以做連結ㄝ~
請點一下上方的標題~

test

今天在學校教柔溫與惠玉(還有旁邊的"Friends"的連結也是我傳授的喔)如何在個人簡介那邊貼照片~
雖是要有網址的圖，但是也有副檔名的限制，例如：無名相簿的照片(圖)因為沒有一般圖檔的副檔名，即使是網址也無法貼在blogger的個人簡介~

繼續再發現

缺
1.檢視blog和編輯blog是不同的視窗(重新發佈)
2.無法保護文章或圖
3.便利性少於無名
4.修改靠語法，對於不是學習這方面的人來說，活用性較小(無名提供介面修改，也提供與法修改)
5.About me(下方的blog"關於我"的部份，不只有名字，還有住址和一些簡介)不知要改哪邊語法 http://gabyjones.blogspot.com/



優
1.圖片上傳方便(下方很優)
http://robertsweeney.blogspot.com/
2.用來學習英文倒是不錯啦~
3.小組blog相似於無名blog的共同作者，同樣都需要有該帳號


事後，找到一些使用blogger的文章
http://help.blogger.com/bin/topic.py?topic=8920

go 研究...

剛剛又發現，儲存成草稿類似無名隱藏文章

blogger的不同

剛剛研究了一下blogger的blog，其實不怎麼好用~
1.以建立文章來講，blogger的編輯器可用項目少於無名~
(如果是直接寫在Html，應該沒差)
貼圖到是還不錯，可直接從電腦上傳~
(無名則是要先上傳到相簿，才可貼)






2.無法竄改文章建立的時間與日期~
3.好像也沒法做個人的分類~(再研究)

4.尤其是右邊的"About"、"About Me"、"Links"...等連結，如果要更動，就必須直接修改語法~

5.每次修改後，需要儲存(這是一定的)，但是也是要"重新發佈"，這就滿麻煩的...

6.回應文章的意見那邊，也是不太習慣，怪怪~

First

開學第一週，老師要求大家申請新的blog~
上學期使用無名小站的blog，這學期則是使用專門寫blog的blogger~
第四週要交一份無名blog與blogger的差異之報告~

去研究blogger的玩法先~