tag:blogger.com,1999:blog-43270606829498579522024-03-21T20:41:18.659-07:00Flash Design TutorialHow to make and post Flash banner, Flash Intro and Flash MP3 player for Google Blogger.Kevin Leohttp://www.blogger.com/profile/09023700307153811512noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-4327060682949857952.post-59929145652419655202008-03-26T19:40:00.000-07:002008-03-26T20:55:26.398-07:00How to add Flash MP3 Player to Google Blogger?Adding a Flash MP3 Player to Blogspot is quite easy, please follow instructions below:<br /><br />1. Make a Flash MP3 Player with Flash MP3 Player maker software or MP3 to SWF Converter software, for example <a href="http://www.aleosoft.com/mp3toswfconverter/index.html">Flash MP3 Player Builder</a> at <a href="http://www.aleosoft.com/">http://www.aleosoft.com</a><br /><br />2. When making player with the software, in the "Publish" panel, "Publish Options", please select the second option "Generate one Flash Player, and incorporate all of the music files and track list file to it". In this way, Flash MP3 Player Builder will only generate one player file "player.swf".<br /><br />3. Upload the generated "player.swf" to any web host, and get the URL address of the "player.swf" file. If you don't have a web host, you can upload these files on <a href="http://pages.google.com/">Google pages</a> for <strong>FREE</strong>.<br /><ul><li>Open <span class="a"><a href="http://pages.google.com/">http://pages.google.com</a> , sign in with your Gmail account. Check the option "I agree to the terms", click the button "I am ready to create my pages" below, and login.</span></li><li><span class="a">Click the link "Back to Site Manager" on the top left corner, and goto the Site Manager Home.</span></li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeF0ovf0bQUTyCFemcRRHQaWCXemTAOTXydqBAuz-NS9_JtrqcjmI5-Drxu4JoGAcQMCLjkD0-hJeWeznRyRHXUMBp00omnmjKYtnRQsIQlPHxi1JCv2oVdzmxUMz7zK_xnMVbHm0FMFk/s1600-h/googlepage_backtosite.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeF0ovf0bQUTyCFemcRRHQaWCXemTAOTXydqBAuz-NS9_JtrqcjmI5-Drxu4JoGAcQMCLjkD0-hJeWeznRyRHXUMBp00omnmjKYtnRQsIQlPHxi1JCv2oVdzmxUMz7zK_xnMVbHm0FMFk/s320/googlepage_backtosite.gif" alt="" id="BLOGGER_PHOTO_ID_5181865585151799538" border="0" /></a><br /><ul><li>Click "Upload" button on the right side, then browse and select the "player.swf" on your local hard disk, upload it.</li><li>Now, the uploaded file will be listed in the "Uploaded stuff".<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhenPcN4fRHTAQgeTBMsPv2X65mXpaCqmcR2U2d5CN3xWgZZg0JAJS62MVWWw_ejuEsl2OeTyFX8YCNJ2mlek88xKAcmidMzrmFGde6VICVcLqRuKmXqAeHaDf_wl3TLpXftJ6mMR2YQE0/s1600-h/googlepage_uploadplayer.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhenPcN4fRHTAQgeTBMsPv2X65mXpaCqmcR2U2d5CN3xWgZZg0JAJS62MVWWw_ejuEsl2OeTyFX8YCNJ2mlek88xKAcmidMzrmFGde6VICVcLqRuKmXqAeHaDf_wl3TLpXftJ6mMR2YQE0/s320/googlepage_uploadplayer.gif" alt="" id="BLOGGER_PHOTO_ID_5182263084375044402" border="0" /></a></li></ul>3. Now you have uploaded the Flash player to Google Page, you should get the URL address of the "player.swf" file and note it. In Internet Explorer, you can simply click the file, open it with IE, and copy the link address in the address bar. If you are using Firefox, you may right click on the file, in the popup menu, click "Copy Link Location", and get the link address. The link address should look like <span style="font-weight: bold;">http://kevinleo2008.googlepages.com/player.swf</span><br /><br />4. Now, the final step. You need to include the Flash Mp3 Player to your Blogger post.<br /><ul><li>Open your blogger editor, <span style="font-weight: bold;">swith to the "Edit Html" mode</span>, then add the following code to any of the sections in your post.</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-z0dgVTPaWMyMy7VE0VgbpWjp1BhcEm48dpsebDLaMSSc7kfQNpyXKZAOIZ4MGl-p8t8457FDlGvqU4guMSZzkXdOxzPI56sLF5OC21Y1SOSqvHa8QTXajygZ1C8MYhAxyo78PIImb54/s1600-h/blogger_edithtml.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-z0dgVTPaWMyMy7VE0VgbpWjp1BhcEm48dpsebDLaMSSc7kfQNpyXKZAOIZ4MGl-p8t8457FDlGvqU4guMSZzkXdOxzPI56sLF5OC21Y1SOSqvHa8QTXajygZ1C8MYhAxyo78PIImb54/s320/blogger_edithtml.gif" alt="" id="BLOGGER_PHOTO_ID_5181881794358374674" border="0" /></a><br /><div align="center"><textarea cols="50" rows="8"><embed src="http://kevinleo2008.googlepages.com/player.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="104" width="351"></embed></textarea><br /></div><ul><li><span style="font-weight: bold;">Please replace the URL in the code to your own URL and set your own dimensions of Flash player.</span> In this case, the URL address is <span><a href="http://kevinleo2008.googlepages.com/player.swf">http://kevinleo2008.googlepages.com/player.swf</a> , the width is 351, the height is 104.</span></li><li>The Flash player displays like below:</li></ul><br /><div align="center"><br /><br /><embed src="http://kevinleo2008.googlepages.com/player.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="104" width="351"></embed><br /><br /></div>Kevin Leohttp://www.blogger.com/profile/09023700307153811512noreply@blogger.com114tag:blogger.com,1999:blog-4327060682949857952.post-24903382687130249712008-03-25T18:40:00.001-07:002008-03-25T23:15:50.487-07:00How to Upload and Post Flash SWF file on Google BloggerIf you want to post a Flash Banner on Blogspot, you can do it easily by following instructions below:<br /><br />1. Make a Flash banner (.swf file) with Flash Studio or Flash Banner Maker software, for example <a href="http://www.aleosoft.com/flash-intro-banner-maker/index.html">Flash Intro and Flash Banner Maker</a> at <a href="http://www.aleosoft.com/">http://www.aleosoft.com</a><br /><br />2. Upload the generated Flash SWF file to any web host, and get the URL address of the Flash SWF file. If you don't have a web host, you can upload your flash files on <a href="http://pages.google.com/">Google pages</a> for <strong>FREE</strong>.<br /><div style="text-align: justify;"><div style="text-align: left;"><ul><li>Open <span class="a"><a href="http://pages.google.com/">http://pages.google.com</a> , sign in with your Gmail account. Check the option "I agree to the terms", click the button "I am ready to create my pages" below, and login.</span><span class="a"></span></li><li><span class="a">Click the link "Back to Site Manager" on the top left corner, and goto the Site Manager Home.</span></li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeF0ovf0bQUTyCFemcRRHQaWCXemTAOTXydqBAuz-NS9_JtrqcjmI5-Drxu4JoGAcQMCLjkD0-hJeWeznRyRHXUMBp00omnmjKYtnRQsIQlPHxi1JCv2oVdzmxUMz7zK_xnMVbHm0FMFk/s1600-h/googlepage_backtosite.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeF0ovf0bQUTyCFemcRRHQaWCXemTAOTXydqBAuz-NS9_JtrqcjmI5-Drxu4JoGAcQMCLjkD0-hJeWeznRyRHXUMBp00omnmjKYtnRQsIQlPHxi1JCv2oVdzmxUMz7zK_xnMVbHm0FMFk/s320/googlepage_backtosite.gif" alt="" id="BLOGGER_PHOTO_ID_5181865585151799538" border="0" /></a><br /><ul><li>Click "Upload" button on the right side, then browse and select the Flash SWf file on your local hard disk, upload it.</li><li>Now, the uploaded file will be listed in the "Uploaded stuff".</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvSc5-z0sLBmE6MrnOG4jBWhPMoGFjvXTJ_E-oWXnpxd6j2jQ5EhV9qFqVvE8RxEjTb6Z5TvSvgQBAHNweUO4krwMNR6wwFEWtbUVyWx7YEH099NogJbneucpSTfVHioTQawIxXIkrmI/s1600-h/googlepage_swffile.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvSc5-z0sLBmE6MrnOG4jBWhPMoGFjvXTJ_E-oWXnpxd6j2jQ5EhV9qFqVvE8RxEjTb6Z5TvSvgQBAHNweUO4krwMNR6wwFEWtbUVyWx7YEH099NogJbneucpSTfVHioTQawIxXIkrmI/s320/googlepage_swffile.gif" alt="" id="BLOGGER_PHOTO_ID_5181867028260811010" border="0" /></a>3. Now you have uploaded the Flash SWF file to Google Page, you should get the URL address of the SWF file and note it. In Internet Explorer, you can simply click the file, open it with IE, and copy the link address in the address bar. If you are using Firefox, you may right click on the file, in the popup menu, click "Copy Link Location", and get the link address. The link address should look like <span style="font-weight: bold;">http://kevinleo2008.googlepages.com/myflash.swf</span><br /><br />4. Now, the final step. You need to include the Flash banner to your Blogger post.<br /><ul><li>Open your blogger editor, <span style="font-weight: bold;">swith to the "Edit Html" mode</span>, then add the following code to any of the sections in your post.</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-z0dgVTPaWMyMy7VE0VgbpWjp1BhcEm48dpsebDLaMSSc7kfQNpyXKZAOIZ4MGl-p8t8457FDlGvqU4guMSZzkXdOxzPI56sLF5OC21Y1SOSqvHa8QTXajygZ1C8MYhAxyo78PIImb54/s1600-h/blogger_edithtml.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-z0dgVTPaWMyMy7VE0VgbpWjp1BhcEm48dpsebDLaMSSc7kfQNpyXKZAOIZ4MGl-p8t8457FDlGvqU4guMSZzkXdOxzPI56sLF5OC21Y1SOSqvHa8QTXajygZ1C8MYhAxyo78PIImb54/s320/blogger_edithtml.gif" alt="" id="BLOGGER_PHOTO_ID_5181881794358374674" border="0" /></a><span></span><br /><div align="center"><textarea cols="50" rows="8"><embed src="http://kevinleo2008.googlepages.com/myflash.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"></embed></textarea><br /></div><ul><li><span style="font-weight: bold;">Please replace the URL in the code to your own URL and set your own dimensions of Flash SWF file.</span> In this case, the URL address is <span><a href="http://kevinleo2008.googlepages.com/myflash.swf">http://kevinleo2008.googlepages.com/myflash.swf</a> , the width and height sizes are 150.</span></li><li>The Flash banner displays like below:</li></ul><br /><div align="center"><br /><br /><embed src="http://kevinleo2008.googlepages.com/myflash.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="150" width="150"></embed><br /><br /></div><br /></div></div>Kevin Leohttp://www.blogger.com/profile/09023700307153811512noreply@blogger.com194