顯示具有 HTML 標籤的文章。 顯示所有文章
顯示具有 HTML 標籤的文章。 顯示所有文章

2011年1月6日 星期四

回到頁首的固定按鈕(Go to top)

縱使 Blogger 每篇文章的頁尾,我在 Template 中都有使用 CSS 列一個 Button 可以回到頁首,但近來在回味以前的文章與照片時,發覺部份文章都"落落長",有時突然要返回頁首作其它瀏覽時,會發現有點不便(有點懶吧!),雖然這只要用滑鼠去點、或去拉就能返回的事,甚至可以利用鍵盤上的 Home 與 End 來實現,但總覺得不夠即時,剛剛試著在後台加入一段語法,讓版面右下角有個固定 icon 可以直接點回頁首,隨手就將它筆記下來,語法如下:(在設計/網頁元素/新增小工具/HTLM與JS 內加入)


<a style="display:scroll;position:fixed;bottom:5px;right:260px;" href="#" title="Top of this page"><img onmouseover="this.src='icon大圖位址'" src="icon小圖位址" onmouseout="this.src='icon小圖位址'"/></a>

2010年3月5日 星期五

Blogger 內隨機輪播 banner

在 blogger 悠遊也一陣子了,也在 template 樣版上 hack 成自己想要版樣,得以舒適輕鬆剪剪貼貼照片,但有時總會再想改版 blogger 面版,而 header banner (標題橫幅背景)就是我之前一直想 hack 的選項之一,我單純地只想讓 banner 圖片能隨機輪播,參考了網路上許多 blogger 專家教學介紹文,決定採用簡單易用且不花時間的,並自己再稍作調整 header 的 css 樣式。

作法如下:

2009年10月18日 星期日

利用WLW發至Blogger...just Test...

旋轉對象 CIMG2020
猜猜這是誰???
根本就是mm模子印出來的,一樣沒有毛!!哈^^



------------------------------------------------------------------------


知名的離線編輯器Windows Live Writer,初次試用,並以文繞圖的方式發文至Blogger。看效果如何…


雖然Blogger能夠發文的方式有很多種,甚至都支援mobile phone 手機發佈了,但離線編輯的功能,我覺得WLW還是不輸Blogger其它方式,加上它與Amaya都支援WYSIWYG,對不熟html的user,助益不小囉…^^^^^

另外,WLW相關功能與實用性,還得再試用一段時間看看…當然,網上有許多行家都有推薦與使用教學文章可以參考了…不過,任何kit都是需要user自己嚐試,才知實用性好不好,適不適合自己的Edit方式。其實,我覺得Blogger內建的new editor已經很夠我用了,只是剛好朋友推薦我試用WLW,試用後,發現真的它對Blogger支援度還不錯哩…!!!! 唯一缺憾的是上傳圖片檔時,我尚無法控制它在picasa的資料夾的位置。
------------------------------------------------------------------------------------------------------------------------------------

另外,也參考了網友 abin 的介紹後,使用了 Google 的另一項服務 Google code ,來放置 blogger 版面上的小檔案,以因應 Google sites 的不濟事及 Google pages 停用,雖然只有1GB空間,不過,真的夠用了!!原本預計以 Windows Live Space 的 Skydrive 來當作網路空間的,但實際使用後,發覺它目前支援度與流量好像沒 Google code 來的好,光外連一個 background mp3都試了好久,不知是我 key 的語法有錯,還是…?!  不管了,So...還是先以Google code 來暫替,好處是,相片圖床用 Picasa ,版面上的小檔用 Google Code 全都使用 Google 家的系列產品,或許穩定性與相容性會更佳吧!! 也有效率地充分利用網路上的免費資源。

------------------------------------------------------------------------------------------------------------------------------------
20091108更新:意外發現 Skydrive 的檔案放置的真正位址,所以重新將background音檔指向 Windows live 的 Skydrive,結果功能正常,試用著囉,畢竟 Skydrive 的容量大(25G)呀!!剛好可因應這幾天 google code 的上下載出現的" Forbidden ",呵^^  Free 的就是這樣,要時常 pay attention to it !
------------------------------------------------------------------------------------------------------------------------------------
20091225更新:將音檔指向 Xuite 的網頁空間,中華電信提供的免費 space ,目前滿穩定的,而播放框架也是 Xuite 版圖,因為我找不到 Xuite 的放置路徑,但這不是很重要,所以就以它來替代先前的 Code及Skydriver的不適囉!!! 會一直在意 background music 播放,其實是,我覺得,每當進入 Blogger時看圖文時,沒有個音樂迴繞,好單調喔,就是這樣...

2009年9月24日 星期四

Blogger官方版「Read More」測試

Blogger終於釋出「繼續閱讀」的功能了…畢竟這功能算是各大blog基本功能,blogger能拖到現在才釋出,真的是「粉能撐」,藉此機會把這功能使用,給記下來…
相關聯結請到這裡瀏覽
不囉嗦,馬上自己來post文章試試…
----------------------以下是測試文--------------------------------------------------------------------------
asdfdfdfhdfh
asdfdfdfhdfh
asdfdfdfdf
asdfasdf
dsadfgd
fasertetrhjky
ujkdfjjjjjjjjjjjjjjjytdyjkluik
ghkghjkgfhjfgh
asdfasdfasdfasdfasdf
dfsfsdfgdsyukjighghghk
sasdfasdfwqerjwieoutuiwoerjgklsdfjgweiroutertigodgjksdfgsdjfk
dfsdasdfasdkfjasldf    (以下跳轉全文jump/break)