 |
Article ini sebenarnya menjawab pertanyaan salah satu teman kita
sheila. karna bawaan tamplate nya berbeda dengan kode css intro flash
jadi ada sedikit harus dirubah. Nah 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 + "search/label/?max-results=4"'>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
- 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
Bagaimana Dengan Artikel ini....Silahkan Berkomentar Jika ada Pertanyaan Dan Masukan ^_^