開心大發現 - 隨機 Banner

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

分享少少 裝修心得





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

其實唔係直接改 標題 (banner) 相片 GA, 只係隨機加張相片在BLOG 頂



Step1 ) 

設計->版面配置->標題, 設定標題 沒有圖片 (即 BLOG 頭頂 Banner) , 其實可以保留,但會有兩張BANNER ^^




Step2) 範本 -> 編輯 HTML

Step3 ) 編輯範本, 係編輯前請做好備份 , 先找到 <b:includable id='main'> , 你會看
到右面有黑色 arrow, 請 click 一下展開

係 <b:includable id='main'>

後加以下 script (紅色)

<div style="text-align:center;">
<script type="text/javascript">
var banner= new Array()

banner[0]="<img src='http://www.yourweb.com/banner0.jpg'/>"
banner[1]="<img src='http://www.yourweb.com/banner1.jpg'/>"
banner[2]="<img src='http://www.yourweb.com/banner2.jpg'/>"
banner[3]="<img src='http://www.yourweb.com/banner3.jpg'/>"
banner[4]="<img src='http://www.yourweb.com/banner4.jpg'/>"
var random=Math.round(banner.length*Math.random());
document.write(banner[random]);
</script>
</div>



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

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

http://www.yourweb.com/banner0.jpg
http://www.yourweb.com/banner1.jpg
http://www.yourweb.com/banner2.jpg
http://www.yourweb.com/banner3.jpg
http://www.yourweb.com/banner4.jpg

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



more update (1)

要 link 好簡單
banner[0]="<img src='http://www.yourweb.com/banner0.jpg'/>"
轉
banner[0]="<a href="http://www.blogaddress.com" target="_blank"><img src='http://www.yourweb.com/banner0.jpg'/></a>"


完成後請 儲存範本

可按 "檢視網誌" ,  按 F5 試驗


埋泥揀 
埋泥睇

我的專頁,唔睇都 LIKE 下啦 




Vision A Photography

宣傳你的專頁






歡迎分享