CARA MEMBUAT GALERI YANG ELEGAN DI BLOG

Galeri adalah susunan gambar atau foto yang tertata rapi, sehingga pembaca dapat mengamati satu persatu masing-masing gambar yang terdapat pada galeri tersebut. Berbulan-bulan kami mencari tutorial cara membuat galeri yang elegan dan dapat diedit sendiri, tetapi tidak menemukan. Setelah berkali-kali melakukan uji coba dan memahami skript pada html, akhirnya menemukan sendiri bagaimana cara membuat sebuat galeri yang elegan, rapi, sesuai selera sendiri, seperti gambar berikut

gambar 1

Sebenarnya google telah menyediakan cara membuat galery secara default, namun bagi kami kurang menarik, karena selain memakan ruang  juga setiap baris hanya terisi satu gambar. Setelah melalui proses trial and error akhirnya kami dapat menemukan sendiri cara membuat galeri yang elegan di blog, bahkan dapat diedit sendiri sesuai selera ( misalnya dalam satu baris terdiri 2 atau 3 foto). Tutorial ini memang agak sedikit ribet, karena harus mengatur jarak dan ukuran gambar satu persatu.  Tetapi tidak masalah karena hasilnya memuaskan sesuai keinginan.

Berikut ini adalah langkah-langkah membuat galeri yang elegan. Untuk mempermudah pemahaman maka tutorial ini kami kelompokkan menjadi 2 tahap,  yaitu :

Tahap I

1. Convert terlebih dulu gambar (foto) yang akan diuploud sehingga memiliki ukuran kecil (kurang dari 300 kb). Untuk mengconvert gambar dapat menggunakan file minizer atau software lainnya. Kelompokkan gambar yang bentuknya serupa (misal landscape semua). Apabila gambar (foto) telah diuploud maka tinggal masukkan url-nya pada saat insert image. 
2. Silahkan login ke blog anda
3. Masuklah ke post entri, pilih insert image, uploud, pilih file gambar di komputer anda atau dari internet, kemudian blok 6 buah gambar atau lebih yang akan diuploud dan enter. Setelah muncul semua silahkan klik add selected.  
4. Apabila telah muncul 6 buah gambar yang tersusun ke bawah berarti anda telah menyelesaikan tahap pertama.

Tahap II

• Masukkan ke html (bukan compose), sehingga yang terlihat hanyalah script yang banyak. Script tersebut yang hendak kita edit agar gambar tersusun rapi sesuai dengan selera kita. Sebelum melakukan perubahan pahami terlebih dulu bahwa masing-masing gambar memiliki script yang hampir sama, dan ada beberapa kode atau angka yang sama. (lihat gembar 2 !)

gambar 2

• Agar gambar tidak tersusun ke bawah, maka hilangkan script yang diarsir biru, usahakan agar masing-masing script gambar satu dengan script gambar lainnya tidak menyatu (bila perlu pisahkan dengan spasi) untuk sementara

• Untuk memperpendek jarak gambar satu dengan gambar lainnya ubahlah angka pada margin left dan margin right "1"em menjadi 0.1em, dan ubah ukuran hight menjadi 140 dan width menjadi 210 (perhatikan gambar 3 di bawah). Dengan ukuran tersebut maka dalam galeri ada 3 buah gambar tersusun rapi secara mendatar, apabila menghendaki dalam 1 baris terdiri dari 2 gambar maka perbesar ukuran hight dan width-nya. Edit terlebih dulu gambar pada baris pertama, apabila  merasa mantap dan sudah rata bagian kiri ataupun kanannya, maka dapat melanjutkan mengubah jarak dan ukuran gambar berikutnya, dan seterusnya hingga seluruh gambar tertata rapi dan kelihatan elegan. Jangan lupa, setiap melakukan perubahan angka cek hasilnya di compose

gambar 3

Apabila telah selesai silahkan disimpan atau dipublish, dan lihat hasilnya  pada halaman  posting. Apabila terjadi perubahan posisi (letak) cek kembali, mungkin keadaan link hidup. Silahkan tekan tombol link di bagian menu untuk menghapus link dan lihat hasilnya.

Demikian tutorial ini semoga bermanfaat dan jangan lupa kami tunggu komentarnya. trims.

Artikel Terkait