ⓒGoogle Blogger Navbar CSS3 淡出

前年站長有寫過一篇關於『隱藏Bolgspot部落格上排的navbar』的文章，
近來來CSS技術發展非常快速，
CSS3的出現也為網頁帶來更全新的面貌，
那我們的Navbar也該來個小小的升級，
也許我們可以應用一下CSS3的Animations技術，
讓這個Navbar有個淡出的效果啦。

現在就在你的部落格貼上以下的CSS3語法：
/*淡出GoogleBloggerNavbar*/ #navbar-iframe{ -moz-opacity: 0.0; /* Other */ opacity: 0.0; /* Safari, Chrome and Firefox */ } #navbar-iframe:hover{ -moz-opacity: 1.0; /* Other */ opacity: 1.0; /* Safari, Chrome and Firefox */ -moz-animation: navbar 1s; /* Firefox */ -webkit-animation: navbar 1s; /* Safari and Chrome */ } @-moz-keyframes navbar { /* Firefox */ from {opacity: 0.0} to {opacity: 1.0} } @-webkit-keyframes navbar { /* Safari and Chrome */ from {opacity: 0.0} to {opacity: 1.0} }

說明：
如果你不清楚要貼在哪裡，
請先進到部落格後台畫面(如圖)

點選『範本』 > 『 修改HTML』後(修改之前請記得先備份)，
試著搜尋找到這行『]]></b:skin>』然後貼在它的上面(不保證每一款風格貼法都相同)。

PS：支援Google Chrome、Firefox，但不支援Internet Explorer。

關鍵字：Blogger、navbar-iframe、Hide、Google部落格、隱藏、淡出、上排、導覽列、CSS3、Animations。