【Blog】隨機更換圖片

在 【升級】Blogger Beta 大改版 中說過，部落格要有自己的風格，標題圖片就很重要，於是這一篇就是要講有關於標題圖片的事！昨天我弄好了圖片之後，左思右想，如果一直都只有這一張圖片就太單調了，如果能夠在每次進入部落格的時候都有新圖片可以看就好了，於是今天就動手做了這麼一件事！

這一篇依然是參考[Blog] Random Rotating Banner Hack at Kaie's Blog所修改出來的！

首先，先說我和Kaie's Blog有何不同！我是讓圖片當作標題，而Kaie's Blog則是把圖片當作背景，所以我的圖片上不會再有文字出現，之前在某些文章網頁中按標題文字會回首頁的功能則被按標題圖片所代替！而我的部落格標題只會出現在標覽器的邊框上而已，不會在內文任何的一個地方出現，如果你是要隨機更換標題背景的話，請參照Kaie's Blog，如果是要把圖片當作標題的話，則可以參考我的作法！

首先，先進入修改HTML的地方，把小裝置範本打開，在</head>前面，加上這一段程式碼：

<script languege="JavaScript">

function randomtitle()
{
var rannum=Math.round(5*Math.random());
if(rannum==0)
document.write("<img src="'第一個圖檔的位址'/" />");
else if(rannum==1)
document.write("<img src="'第二個圖檔的位址'/" />");
else if(rannum==2)
document.write("<img src="'第三個圖檔的位址'/" />");
else if(rannum==3)
document.write("<img src="'第四個圖檔的位址'/" />");
else
document.write("<img src="'第五個圖檔的位址'/" />");
}

這是用來產生亂數，以選擇用哪一張圖片當作標題！記住，紅色的5和要用幾張圖來當標題圖片有關係！用幾張就把紅色5改成那個數字即可！

另外，在<b:if cond='data:blog.url == data:blog.homepageUrl'>和<b:else/>之間，還有 <a expr:href='data:blog.homepageUrl'>和 </a>插入一段程式碼形成下最這樣：

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script language='JavaScript'>
randomtitle();
</script>
<b:else/>
<a expr:href='data:blog.homepageUrl'>
<script language='JavaScript'>
randomtitle();
</script>
</a>
</b:if>


如此即大功告成，每次讀網頁時，就會即時產生一個亂數來選擇要用哪一張圖片當標題，再依是否在首頁來決定圖片有沒有連回首頁的功能，如果不在，標題圖片就要有連回首頁的功用！

最後，再把description的相關標籤拿掉即可！