Hello…at this post I wanna share about how to install flash intro as introduction in blogspot. When I’am trying looking this tutorial at google, almost all the blogs in search engine just explain how to embed the code of flash intro at blogspot in their post.and I think that’s too simple, so here I make it for you the flash as introduction in your blog.Actually 5 days before I tried this code at my blog..its not working (actually working but the intro flash appear at the above of the header, and I think its not good. But Alhamdulillah my friend Jaya was helped me solving this problem.
Here are the step How to Installing Flash Intro Code at your Blogspot as Introduction.
1. You have to make animation/image or video and save as .swf file if don’t have please try my swf file http://encepsetiawan.fileave.com/animoto_video_NEW.swf
2. After finished upload your swf.file to your hosting and I recommend you to upload at fileave http://fileave.com
3. Now you have to prepare your blog, go to layout and then Edit HTML
4. Before you edit your template please click expand widget template
5. Now find the code <body> and then paste the below code after that code
<div id='flashintro'> <div align='center'> <p style='padding:50px;'> <object height='340' width='150'> <param name='movie' value='MYFLASH.swf'/> <embed height='410' src='http://encepsetiawan.fileave.com/animoto_video_NEW.swf' width='560'> </embed> </object> </p><p style='padding-top:5px;font-size:18px;font-weight:bold;color:#fff;'><a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'>Skip Intro</a></p> </div> </div>
You can change the width and height as you want. dont forget to change http://encepsetiawan.fileave.com/animoto_video_NEW.swf with your .swf file
6. Find the code <b:includable id='main'> Then paste this code below after that code
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style> body { background-color: #000000; background-image: none; } #flashintro { text-align:center; margin:auto; padding:auto; } #outer-wrapper{display:none;} </style> <b:else/> <style>#flashintro{display:none;}</style> </b:if>
Some template like my template using the code above, the flash are appear at the above the header of your blog, so if that happen use the code below
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style> body { background-color: #000000; background-image: none; } #flashintro { text-align:center; margin:auto; padding:auto; } #head{display:none;} #page{display:none;} </style> <b:else/> <style>#flashintro{display:none;}</style> </b:if>
7. Now find the code ]]></b:skin> Paste the code below before that code
body#layout #flashintro {display:none;}
8. Save your template now and please view your blog...very nice isn it???
9. If you wanna support me for my hard work please click donation below
