2008年3月31日 星期一

Blogger頁面上方導覽列隱藏法教學

Blogger被Google買下已經很久了,可是除了整合帳號以外,功能上感覺起來,並沒有很長足的進步,真的是很可惜。
不過,免費的海量G家資源還是不錯用的啦~簡簡單單套用幾下,就有設計好的頁面可以用,頁面編輯自由度也算不差。就討厭在每一頁上頭,總有一條跟主畫面不能融為一體的醜醜導覽列。雖然右邊可以方便登入,左邊隨機跳到別人家看看也不錯,但是就是卡卡的在那裏礙眼礙眼的。

現在Tony整理了一個隱藏教學,需要的自己參考試看看:

第一步:請先登入 blogger.com
第二步:Blogger 控制主頁,請按『版面配置』功能 。
第三步:Blogger 修改版面配置,請按『修改HTML』功能 。
第四步:Blogger 修改前請注意,建議請先『備份下載模板』,以免修改錯誤。
第五步:複製以下程式碼:
========以下為碼========
<style type='text/css'>
.Navbar{visibility:hidden;display:none;}
</style>

========以上為碼========

第六步:Blogger 修改範本,按Ctrl-F使用『搜尋文字功能』先找到 </head> 關鍵字。
第七步:Blogger 修改範本,將複製的程式碼貼在 </head> 之前,最後再按『儲存範本』。

就是這麼簡單,只要半分鐘,blogger頁面上方的導覽列就不見了!

2008年3月11日 星期二

在Blogger加入自動播放的下拉選單Picasa網路相簿-新版本可預設播放最新相簿

上次貼了「在Blogger加入自動播放的下拉選單Picasa網路相簿」以後,獲得陌生網友的回應感謝,真是奇妙,竟然也有人找來這。呵呵~
前幾天發現高手針對「自動播放的下拉選單Picasa網路相簿」的code做了更新,現在可以預設播放最新相簿。
不過這次好像也留一手(?我亂說的),沒辦法直接取用,只好偷進人家家裡看看網頁原始檔,再一行一行整理。
把下面這段碼中所有「你的Google帳號放這」改成你的英數字Google帳號,即可享用。

====以下Code====
<div id="picasaweb">
</div>
<script>
var flashstring='<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%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/data/feed/base/user/你的Google帳號放這?kind=album&amp;hl=en_US&amp;access=public&amp;alt=json&amp;callback=listallalbum"></script>

====以上Code====

版權及功勞歸高手所有,我只是取用後整理一下,以免搞丟或忘記。

<補充>
一樣,登入Blogger,到「版面配置」頁加入「HTML/JavaScript」類的「網頁元素」,把改好的碼貼入,然後取個標題、決定位置,新版本下拉選單式輪播相簿便完成了。會預設播放最新相簿喔~