Pages

TEST120

玩樂家專門優質分享好文章!

在音樂播放器前面或後面放上小圖片,輕鬆又簡單! 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.完成
這樣小圖就會顯示在音樂播放器的前面喔!最後把整個程式碼放到自己的部落格邊欄、網誌邊欄或網誌描述中就可以了喔!


5.實際預覽
最後有小圖的音樂播放器就會像下面一樣,正常顯示在你的部落格、網誌或網站中。不過此播放器並沒有設定音樂,所以聽不到音樂。





如果你看不到音樂播放器,請點這裡
如果圖片沒有顯示出來,請檢查圖片網址是否正確。

3 則留言 :

  1. To By~Eric龍哥! Eric.Inc 1樓
    等著您們開發此功能喔~

    回覆刪除
  2. 臉書社群外掛怎能拿,,,可以用中文介紹嗎,,不懂英文

    回覆刪除