在音樂播放器前面或後面放上小圖片，輕鬆又簡單! Thumbnail music player

本文由玩樂部落格大全發布!文章引用須遵守引用須知，轉貼時請勿刪除本行!

如何在播放器前面或後面放個小圖呢?其實很簡單，只要小圖的圖片程式碼放在音樂播放器程式碼的前面或後面，然後再放入你的部落格或網誌中，就可以輕鬆讓你的部落格或網誌上的音樂播放器有可愛小圖喔!

開始設定!

如果你的眼力夠好，可以直接在部落格平台上設定，否則還是開個記事本或是HTML網頁編輯器來設定程式碼，才能方便你的編輯與設定。

1.設定小圖的圖片程式碼

首先找到你想要放的小圖片，然後上傳到網路空間或是相簿中，如無名相簿。然後複製圖片的網址，貼到下面的圖片程式碼中的紅字「圖片網址」。若是要調整圖片的大小，則是分別在width與height兩個標籤中輸入數值即可。
設定圖片程式碼後先放在一旁，接著要開始設定音樂播放器程式碼。
<img src="圖片網址" width="寬度" height="高度">

2.設定音樂播放器程式碼

接下來要有音樂播放器的程式碼，在這裡可以任選你喜歡的播放器來製作程式碼，或是利用音樂播放器產生器來產生所需的程式碼。如果沒有頭緒可以參考下方來取得音樂播放器的程式碼

a.音樂存檔
只要把你要播放的音樂上傳到無名相簿或用別人無名相簿的歌曲就可以了喔!如果你不知道如何上傳音樂到無名相簿嗎?請點這裡觀看圖解教學

b.語法生成
這是一個很簡單的無名音樂語法生成器，無名相簿的音樂就算不是VIP會員也可以放在網誌上聽。點這裡觀看圖解教學。

3.結合

接著把小圖的圖片程式碼放在音樂播放器程式碼的前面，就像下圖與程式碼範例一樣(下圖為了圖片擷取，程式碼已經分段方便顯示)，這樣小圖就會顯示在音樂播放器的前面，若要小圖顯示在音樂播放器的後面，則是放法反之。

程式碼範例

<img src="http://lh6.ggpht.com/blog玩樂大全.png" width="20" height="20"><embed allowscriptaccess="never"  src="http://l.yimg.com/e/serv/video/video_player/BGMusicPlayer.swf?file=http:/1719008051.mp3&autostart=true&showeq=true&repeat=true" width="200" height="20" ></embed>

4.完成

這樣小圖就會顯示在音樂播放器的前面喔!最後把整個程式碼放到自己的部落格邊欄、網誌邊欄或網誌描述中就可以了喔!