學習、思考與分享: July 2010

Wednesday, July 28, 2010

Blogger 內隨機輪播 banner

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

輪播部落格上方圖片（rotating banner）

自從買了D90以後，就常常想把部落格的banner換成自己的攝影作品，到現在總算功力足夠、作品也累積到一定數目，能夠給部落格版面來個小改版。

功能看起來很簡單，不過……因為每個人的template不盡相同，像我這種3rd party貢獻的template更是會冒出些奇奇怪怪的問題。

廢話不多說，直接切入正題。

超簡單！在blogger加入「隨機文章」

隨著blogger上面的文章日益增加，有許多舊文章逐漸被埋入冷宮，這時候就需要使用「隨機文章」的功能，讓它們有機會能夠出來透透氣。

搜尋了一下網路，發現有個超簡單的方法，不需要改template，只要新增一個javascript的widget，就能夠輕鬆搞定，這個作法適用於把隨機文章加到側欄或下方的獨立欄位，要加到本文下方的話，作法不同，得再另外研究。

點選「新增小工具」，選擇「HTML/JavaScript」，之後貼入下面的程式碼，就搞定了，整個過程不需要花十秒鐘。