- Buka kembali file "menu_flash.html" dengan menggunakan program Dreamweaver pada komputer Anda.
- Jika Anda masih berada pada layar Design, silahkan berpindah ke layar Code untuk melihat code HTML dari flash menu yang telah kita buat.
- Perhatikan gambar di bawah ini. Struktur yang yang dimulai dari tag <object> sampai </object> merupakan stuktur HTML untuk 1 buah tombol menu flash yang telah kita buat (menu Home). Agar lebih jelas, kode untuk 1 buah tombol menu flash tersebut adalah yang diberi pembatas garis warna merah tua pada gambar di bawah (baris 22-26). Selanjutnya, struktur yang serupa yang berada di bawahnya yang dimulai dari tag <object> sampai </object> merupakan kode HTML untuk tombol menu flash yang kedua menu (Tutorial Website). Kode-kode tersebutlah yang nantinya akan kita masukkan ke dalam template blogspot.
- Karena kita mendesain tombol menu flash tersebut pada komputer pribadi kita, maka kita perlu memasukkan terlebih dahulu file flash tombol menu yang telah kita buat tersebut ke internet agar bisa digunakan secara online. Pada folder "Menu" yang kita jadikan untuk dokumen Dreamweaver bisa kita lihat 2 buah file flash tombol menu, yaitu home.swf dan tutorial_website.swf. File flash tersebutlah yang harus kita upload ke internet. Anda boleh meng-upload ke server hosting mana saja.
- Sekarang perhatikan kode HTML untuk salah satu menu flash di bawah ini.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34">
<param name="movie" value="file:///C|/Users/NESTORIKO/Documents/menu/home.swf" />
<param name="quality" value="high" />
<embed src="file:///C|/Users/NESTORIKO/Documents/menu/home.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed>
</object>
Kode yang diberi warna merah merupakan lokasi file flash tombol menu (menu Home) tersimpan pada komputer kita. Karena kita ingin menggunakan file flash yang telah kita simpan secara online, gantilah kode merah tersebut dengan URL file flash tombol menu yang telah kita hosting-kan. - Lakukan langkah 5 tersebut untuk menu lainnya, yaitu menu Tutorial Website sehingga kode keseluruhan untuk kedua menu flash tersebut adalah:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34">
<param name="movie" value="http://domainhosting.com/home.swf" />
<param name="quality" value="high" />
<embed src="http://domainhosting.com/home.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34">
<param name="movie" value="http://domainhosting.com/tutorial_website.swf" />
<param name="quality" value="high" />
<embed src="http://domainhosting.com/tutorial_website.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed>
</object>
Ingat, ganti kode yang diberi warna merah dengan URL dari file flash tombol menu yang telah Anda hosting-kan
- Sekarang buka blogger.com, kemudian login untuk masuk ke dalam akun blogspot Anda.
- Klik link Tata Letak kemudian pilih sub tab menu Edit HTML
- Silahkan backup terlebih dahulu template pembaca agar jika terjadi kesalahan bisa mengembalikannya kembali. Untuk melakukannya silahkan klik link Download Template Lengkap pada bagian Backup/Restore Template.
- Beri centang pada kotak kecil disamping tulisan Expand Template Widget.
- Carilah kode berikut pada template pembaca tersebut:
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div> - Copy paste stuktur HTML dari menu flash yang ada pada langkah 6 tepat di bawah kode yang Anda temukan pada langkah 11 di atas.
- Klik tombol SIMPAN TEMPLATE
Our blog
Membuat menu flash menggunakan Dreamweaver untuk blogspot
Kemarin kita telah membahas mengenai cara membuat menu flash menggunakan Dreamweaver. Bagi pembaca yang mungkin baru pertama kali berkunjung ke blog saya yang tidak seberapa ini, sangat saya sarankan untuk membaca terlebih dahulu tutorial tersebut karena postingan ini merupakan lanjutannya. Silahkan klik di sini untuk membukanya. Sesuai janji saya, pada postingan ini yang merupakan postingan kedua dari pembuatan flash menu, kita akan membahas bagaimana memasukkan flash menu yang telah kita buat memakai Dreamweaver tersebut ke dalam blog pembaca, khususnya blogspot. Sudah dibaca tutorial membuat menu flash menggunakan Dreamweaver bagian pertama tersebut? Jika sudah, kita lanjutkan langkah-langkah memasukkan flash menu tersebut pada blogspot.
mesin pencari
Link Terkait
Posting Populer
-
Salah satu pengaruh langsung dari radiasi penggunaan ponsel yang terlalu lama adalah menurunya tingkat kekebalan tubuh pada saat sedang bert...
-
Social Networking atau Jaringan Sosial merupakan konsep pengembangan yang bisa dimanfaatkan didalam dunia pendidikan. Social networking...
-
SETTING SSID Terlepas jika klien nirkabel yang berkomunikasi dalam suatu IBSS, BSS atau ESS percakapan antara pengirim dan penerima har...
-
berikut tahap mebuat desain Koran : MENYIAPKAN LAYOUT HALAMAN a) Buat gambar baru klik File > New . Atur Page size sesuai dengan ...
-
Sebelum dapat menggunakan Joomla untuk membuat atau merancang sebuah website atau blog, ada beberapa persyaratan yang harus kita lakukan at...
-
MENGGABUNGKAN OBJECT Dapat dilakukan dengan Group dan Convert to Symbol – Graphic. Penggabungan dengan group dilakukan bila object yang a...
-
C ara memasukkan flash ke dalam blog sebenarnya sudah kita contohkan melalui beberapa tutorial memasukkan menu flash ke dalam blog . ...
-
Ini berita untuk Anda bagi yang belum tau isi dari dalam kabah… Ka’bah (Arab الكعبة) adalah sebuah bangunan mendekati bentuk kubus yang ter...
-
Seberapa cepat anda menginstall windows XP ? 50 menit ? atau 1 jam ? Hehehe. Tenang, disini kita akan mencoba install windows XP hanya deng...
Arsip
-
▼
2011
(424)
-
▼
Januari
(43)
- Kustati on vacancy
- Kustati on vacancy
- YOHANES GIOVANNI: Dasar - Dasar Macromedia Flash
- YOHANES GIOVANNI: Dasar - Dasar Macromedia Flash
- Dasar - Dasar Macromedia Flash
- Dasar - Dasar Macromedia Flash
- Membuat Flash Button
- Membuat Flash Button
- BELAJAR MEMBUAT WEBSITE
- BELAJAR MEMBUAT WEBSITE
- Membuat menu flash menggunakan Dreamweaver untuk b...
- Mengedit web dengan Dreamweaver
- Mengedit web dengan Dreamweaver
- Membuat Link
- Membuat Link
- Mengenal Lingkungan Kerja Dreamweaver
- Mengenal Lingkungan Kerja Dreamweaver
- Modul Flash
- Modul Flash
- Dasar Dreamweacer 7
- Dasar Dreamweacer 7
- Dasar Dreamweacer 5
- Dasar Dreamweacer 6
- Dasar Dreamweacer 6
- Dasar Dreamweacer 5
- Dasar Dreamweacer 4
- Dasar Dreamweacer 4
- Dasar Dreamweacer 3
- Dasar Dreamweacer 3
- Dasar Dreamweacer 2
- Dasar Dreamweacer 2
- Dasar Dreamweacer 1
- Dasar Dreamweacer 1
- Menggambar Kunci Animasi
- Menggambar Kunci Animasi
- Presentasi Gambar Kunci
- Presentasi Gambar Kunci
- Dasar Gambar Kunci
- Dasar Gambar Kunci
- Menggambar Kunci Animasi
- Menggambar Kunci Animasi
- SMKN 1 MIRI ON VACATION
- SMKN 1 MIRI ON VACATION
-
▼
Januari
(43)
Tidak ada komentar:
Posting Komentar