森里的部落格

嘻嘻, 大家裝修成點, 森里家第三別墅差不多啦

分享少少 裝修心得





就係BLOG 頂 換 banner 相, 即係話每次入 BLOG, 隨機 出 banner

早前寫好左BLOGSPOT VER.

http://dickens721dothebest.blogspot.hk/2013/09/banner.html (blogspot ver.)

又分享一下 pixnet ver. pixnet ver 比 blogspot ver. 更易, 三分鐘唔流就令大家的 BLOG 更靚 ^^

Step 1)

請到 側邊欄位設定  http://panel.pixnet.cc/blog/sidecolumn , 按新增欄位, 除左新增, ACTIVE 的欄位都可以加上的

Step2

把紅色的 script 填上

<script type="text/javascript">
var banner= new Array()
banner[0]="http://www.abc.com/banner001.jpg"
banner[1]="http://www.abc.com/banner002.jpg"
banner[2]="http://www.abc.com/banner003.jpg"

var random=Math.floor(banner.length*Math.random());
document.write("<style>");
document.write("#main{");
document.write(' background:url("' + banner[random] + '") left top no-repeat;');
document.write(" }");
document.write("</style>");
</script>

這段會隨機係三張圖找一張, 再把圖片放上BLOG 頂,

相片 link 請換上自己的相片連結

http://www.abc.com/banner001.jpg
http://www.abc.com/banner001.jpg
http://www.abc.com/banner001.jpg


若追加, 多過三張,  banner[index] <<< 每加一張 index 請加1

e.g.  第4張

banner[3]="http://www.abc.com/banner004.jpg"

Step3

填好記住SAVE, 若果係新欄位,請把新欄位由 版位暫存區 drag 去左邊側欄1 OR 側欄2

 

回 BLOG 按 F5 試驗

埋泥揀 
埋泥睇

我的專頁,唔睇都 LIKE 下啦 


Vision A Photography



宣傳你的專頁







歡迎分享