Untuk beberapa Kategori blog atau website, pemakaian gambar slide show pada blog / website sangat diperlukan, disamping untuk mempercantik penampilan blog / website itu sendiri, ada beberapa alasan kenapa gambar slide show sangat diperlukan dalam tampilan blog / website.
Untuk blog / kategory Movie misalnya, hal ini diperlukan, agar penyampaian isi konten dalam blog / website dapat tersampaikan kepada para pengunjung blog / web tersebut, begitu juga dengan blog / website dari sebuah perusahaan, penggunaan gambar slide show banyak diaplikasikan. Lalu bagaimana cara membuat atau memasang gambar slide show di blog atau website? ada banyak cara diantaranya dengan menggunakan Gambar dengan format Flash, bisa juga dengan menggunakan script / kode HTML / Javascript tertentu.
 |
| HTML5 |
Kini HTML 5 telah mendukung penggunaan gambar slide show dengan menggunakan kode script tanpa harus menggunakan gambar dengan format file flash. Nah untuk kali ini saya akan berbagi panduan cara membuat gambar slide show dengan kode html / javascript pada blogger.
Slice berfungsi untuk memotong dokumen Fireworks ke dalam beberapa bagian kecil dan mengekspor setiap bagian sebagai file hasil salinan. Pada proses ekspor, Fireworks CS4 juga akan membuat file HTML dan CSS yang mengandung kode tabel dan kode format untuk menampilkan kembali grafik di dalam browser. Memotong gambar memiliki beberapa keuntungan pokok, seperti: Gambar pada desain web dapat di-download dengan cepat tanpa mengurangi kualitasnya. Anda dapat menggunakan slice untuk membuat area yang dapat direspon oleh aksi mouse.
Langkah-langkahnya sebagai berikut :
- Siapkan beberapa gambar dengan ukuran tertentu sesuai dengan kebutuhan anda.
- Upload gambar-gambar tersebut di media penyimpanan online (anda dapat menyimpan gambar di picasaweb.google.com).
- Catat url link dari masing-masing gambar yang sudah anda upload tersebut.
- Masuk / Login ke Blog anda. (Blogger)
- Pilih "Template" >> Klik "Edit HTML" >> beri tanda centang pada "Expand Template Widget".
- Untuk keamanan jika terjadi kesalahan sebaiknya anda "COPY" terlebih dahulu script HTML anda dan "PASTE" kan ke dalam NOTEPAD untuk backup.
- Cari kode </head> pada bidang HTML template blog anda (gunakan tombol "Ctrl+F" untuk memudahkan pencarian)
- Masukkan kode script berikut tepat diatas kode </head>
No comments:
Write komentar