I often write about putting mp3 on your blog/website. From Step by step how to put music at your blog with html code, Tutorial music controler for blog using flash, and the lastest is Best Free Audio or MP3 Hosting for Blog and My New Site

Now I will create Step by Step Creating Music Button for Blog Using Flash

I assume you have basic knowledge with flash. If not, pls see my Flash Animation For Beginner Tutorial

CLICK IMAGE FOR THE BIGGER SIZE

1. Open your Flash

2. Drawing button PLAY/import it (Ctrl+R) from image. I suggest drawing it by yourself to make the button file size smaller.

3. Insert Blank Keyframe at second frame

4. Drawing button STOP/import it (Ctrl+R) from image. I suggest drawing it by yourself to make the button file size smaller.

5. Create new layer named it as MUSIC

6. At Library Right Click it and choose New Symbol

7. Set it as Movie Clip and give it name ‘mp3′

8. Insert the song (ctrl+R)

9. At the frame property choose the mp3 file

10. At layer 2 frame 2, Insert blank key frame

11. Drag and drop Movie Clip Mp3 from library (Ctrl+L)

12. Convert your shape/bitmap object into Button (f8)

13. At each frame type :

stop();

14. At PLAY button type :

on (release)

{
gotoAndPlay(2)();
}

15. At STOP button type :

on(press)

{
gotoAndStop(1);
stopAllSounds();
}

16. Ctrl+Enter and you DONE

How to put it on your blog.

1. Upload the SWF file into some webhosting. You can try 000webhost if you want to. Its free and huge file and bandwidth.

2. Put this code at your blog

<embed src="YOUR SWF FILE URL" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>

3. Result (This is Journey to the West in Indonesian version-Kera Sakti Indosiar). Wehehehe

4. File to learn

a. SWF

http://www.indowebster.com/playBlog.html

b. FLA

http://www.indowebster.com/playblog_fla.html

If you still have any question pls feel free to ask. Thx

Be Sociable, Share!

• 

Tags: blog, Creating, flash, mp3, Music Button, step by step, Tutorial, Using —