Table of Contents

Nov 11, 2009

How to Embed Flash Intro Code as Introduction at Blogspot

Posted by DRSP at Wednesday, November 11, 2009
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 + &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???

9. If you wanna support me for my hard work please click donation below

Type Tutorial Category Here

Custom Search

DoFollow Comment

DoFollow Comment
Let's fight the spam comment with DoFollow . Thank you for your comment and lets join DoFollow campaign

Recent Comments

 

iBlogger Copyright 2009 Reflection Designed by Ipiet Templates Redesigned by Blogspot Template