BlauWeizen's Sky: 2010-10

2010/10/23

BlauWeizen's Sky 留言板

經歷了一個禮拜沒日沒夜的修改及測試

這個Blog大致成型了##ReadMore##

接下來就是始開始繁雜的搬家工作嚕

請大家多多指教嚕

Blogger嵌入Picasa相簿輪播(Picasa Flash播放選台器)

從MSN的SPACES搬到Blogger 有個東西一直搞不定

話說SPACES跟自家的相簿有整合

可以在首頁放上自己的相片用幻燈片的方式相簿輪撥

但是Picasa跟Blogger的整合卻沒那完善

雖然Picasa已經提供幻燈片程式碼可以嵌入Blogger

可是卻只能播放單一相簿##ReadMore##

為了解決這個問題在網上找了好久(又花掉我ㄧ個晚上的睡眠時間)

直到發現這篇文章在Blogger裡面內嵌Picasa Flash播放選台器

實際試做後發現原文的程式碼有缺漏以致顯示出來效果很怪

部分修正後張貼在此備忘給需要的人

雖然相簿還是要手動選取過渡時期就先頂著用吧

紅字部份改成你的Picasa帳號

綠字部分為播放器的寬度及高度可依版面大小自行修改

程式碼在此

<div id="picasaweb">
</div>
<script>
var flashstring='<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com.tw/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com.tw&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com.tw%2Fdata%2Ffeed%2Fapi%2Fuser%2Fusername%2Falbumid%2F##ALBUMID##%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed>';

function writeflash(albumid){
flashstring1=flashstring.replace("##ALBUMID##",albumid);
document.getElementById("picasaweb").innerHTML=flashstring1;
}

function listallalbum(json) {
var firstlink='';
var temp = '目前播放&#65306;<select onchange="writeflash(this.options[this.selectedIndex].value)">';
var sortentry=json.feed.entry;
for (var i=0, post; post = sortentry[i]; i++) {
var title = post.title.$t;

var link = post.link[2].href.replace(/(^.*albumid\/)(.*)(\?.*$)/g,"$2");
if(i==0){
firstlink=link;
}
temp += '<option value="'+link+'">'+title +'</option>';
}
temp+="</select>";
document.writeln(temp);
writeflash(firstlink);
}

</script>

<script src="http://picasaweb.google.com.tw/data/feed/base/user/username?kind=album&hl=en_US&access=public&alt=json&callback=listallalbum"></script>

2010/10/22

Blogger繼續閱讀懶人加強版(ReadMore+)

繼續閱讀懶人加強版最新版本 v2.2.1(2009.5.8)

繼續閱讀懶人加強版 - [版本2.x]安裝教學

繼續閱讀懶人加強版 - [版本2.x]參數設定說明

2010/10/19

更換Blogger的Favicon（網站小圖示）

有沒有發現bw的部落格圖示是這個「」的專屬圖示呢？

　網站的小圖示稱為Favicon，可以從網站圖示中看出該站使用的部落格系統提供者，像是藍色的「」就是Wordpress的Favicon、Blogger就是橘色的「」，這是訪客對網站的第一印象，但是這樣有點單調，沒有自己的風格！如果你想要換掉原先的Blogger favicon，依照下列兩步驟，很快就能上手。##ReadMore##