Subscribe via email

Enter your email address:

Delivered by FeedBurner

Minggu, 08 Juli 2012

Cara pasang animasi intro flash di blogger

Sebelum memasang intro flash terlebih dahulu anda persiapkan file flash sebagai intro-nya.anda bisa menggunakan program populer seperti adobe flash, swish dll. pastikan file yang anda buat ukuran byte nya sekecil mungkin. atau bisa anda ambil atau temukan di mesin pencari search engine di google dengan kata kunci “ free intro flash “ dsb. Setelah file intro flash nya di buat atau tersedia simpan di tempat penyedia layanan hosting. kalau mau yang gratisan bisa coba menyimpanya di fileave.com atau fileden.com.

Lihat contoh animasi intro flash disini. Untuk membuatnya ikuti saja langkah-langkah dibawah ini.

•Log in dulu ke blogger
•Tata letak
•Edit HTML
•Beri tanda centang di kotak kecil kanan atas
•Kemudian cari kode <body> dan letakkan kode di bawah ini persis di bawah <body>

<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;'>Klik disini Masuk</a></p> </div> </div>

•Selanjutnya Ganti height , width untuk tinggi dan lebar http://encepsetiawan.fileave.com/animoto_video_NEW.swf Ganti dengan Url yang kamu punya
•Selanjutnya cari kode <b:includable id='main'>
•Letakkan kode dibawah ini persis di bawahnya

<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>

•Ada kemungkinan dengan kode diatas tidak berhasil itu di karna kan nama kode css di outer-wrapper nya yang berwarnah merah berbeda. seperti halnya teman kita sheila.
•Khusus untuk blog nya si sheila atau kode ccs teman yang berbeda anda bisa mencoba yang di bawah ini. yang perlu di ganti yaitu tulisan yang berwarnah merah di atas sehingga menjadi begini

<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>

•Selanjutnya Untuk menghilangkan intro flash di halaman page elemen cari ]]></b:skin>
•Letakkan kode dibawah ini di atasnya

.body#layout #flashintro {display:none;}

•Kemudian Save Tamplate

Catatan :

•Pengaturan Untuk Halaman Depan ( tab Home ) jika anda mempunyai tab menu/ navigasi maka halaman depannya yang biasa di wakili dengan menu Home/depan/beranda mesti di atur ke halaman search/label/?max-results=4 atau 5/6 dst yakni;
<a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'> Home </a>
Begitu juga untuk link Home di Page Navigation –nya ( yang ada di bawah Older – Home – Newer ), untuk Home –nya atur dengan link di atas. sumber catalog-tutorial

Selamat mencoba...

0 comments:

Posting Komentar