Rabu, 01 Agustus 2012

Membuat Slide Show Gambar atau Foto di Blog

Fungsi gambar dalam postingan pertama-tama tentu untuk mendukung isi postingan. Untuk kamu yang ingin membangun blog sebagai toko online, gambar atau foto di postingan sangatlah strategis. Kamu akan menampilkan gambar sebagus dan sejelas mungkin untuk memudahkan calon pembelimu melihat yang kamu tawarkan dan kemudian tertarik untuk membelinya. Postingan gambar adalah lemari etalase dan blog adalah tokomu.


Selain itu gambar di postingan juga bisa kamu manfaatkan untuk kemudian dipakai sebagai slide-show atau menu navigasi. Kita akan mulai dari yang pertama.

Membuat Slide Show Foto atau Gambar

Sebenarnya ada fasilitas gratis slide show dari web-web yang meng-hosting gambar-gambar yang kamu simpan di sana. Kamu bisa mendapatkan kode html yang bisa langsung kamu pasang di blog kamu. Sayang sekali, fasilitas itu biasanya membuat loading ke blog kita menjadi lebih berat.

Saya mengajurkan cara lain yang lebih ringan. Sedikit repot, karena manual, tetapi tidak memberatkan para pengakses blogmu. Saya memanfaatkan fasilitas "marquee".

template wanita
template penari bali


Berikut ini adalah kode "marquee" untuk membuat slide show foto:
Berikut ini keterangannya:
  • scrollamount="3" menunjukkan angka kecepatan bergeraknya. Semakin besar angka, semakin cepat larinya.
  • width="50%" menunjukkan lebar kotak slide.
  • height="100" menunjukkan tinggi kotak tampilan.
  • direction="up" menunjukkan arah gerakkan. Bisa kamu ganti left, right, atau down. Atau kalau kamu suka yang goyang kanan kiri kamu ganti saja kodenya menjadi behaviour="alternate"
Cara mengisi gambar:
  1. Dengan mengklik gambar (dalam mode "tulis") dan langsung memasukkannya ke kotak slide. Besarnya gambar kamu sesuaikan dulu dengan kotak slide.
  2. Dengan mengkopi kode html gambar lengkap (setelah besarnya kamu sesuaikan) dari postingan di mana saja dan paste-kan (dalam mode edit HTML) di antara kode "marquee" itu.
  3. Tambahkan tulisan di bawah atau di atas gambar bila perlu.
Ulasan lebih lanjut tentang slide model ini klik di sini. Untuk mengenal kodo html gambar yang kita upload klik di sini judul Membuat Slide Show Gambar atau Foto di Blog

0 komentar:

Posting Komentar