How to Installing Flash Intro Code at your Blogspot as Introduction.

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
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 + &quot;search/label/?max-results=4&quot;'>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???
Related Posts Plugin for WordPress, Blogger...