Pada bahan cara membuat postingan sebelumnya, anda sudah mengenal beberapa elemen, toolbar serta setting yang terdapat pada antarmuka pembuatan post. Pada bahan ini, kita akan mulai mempelajari bagaimana cara menambahkan gambar pada postingan dengan memanfaatkan menu toolbar yang tersedia.
Daftar Isi:
- Upload dan tambahkan gambar ke postingan
- Beberapa fungsi (toolbar) pada gambar
- Tentang Atribut Title dan Alt pada Gambar
- Mengatur posisi gambar sejajar dengan text / paragraf
1. Upload (Menambahkan) Gambar ke Postingan
Disini aku anggap anda telah membaca bahan sebelumnya ihwal cara membuat post. Untuk mulai memasukkan gambar, klik posisi gambar yang dikehendaki (poin 1) dan kemudian klik toolbar Insert Image (poin 2):
Disini, kita akan memasukkan gambar dengan metode Upload. Klik "Pilih File" dan pilih gambar yang akan ditambahkan kedalam post.
Blogger juga memungkinkan kita untuk dapat mengupload banyak gambar sekaligus. Untuk pola pada tutorial ini, aku hanya mengupload satu gambar saja.
Proses upload akan berjalan. Setelah proses upload selesai, klik pada gambar dan klik "Add Selected" untuk menambahkan gambar kedalam postingan.
Gambar akan ditambahkan kedalam postingan. Untuk proses upload gambar melalui mode penulisan compose, ukuran gambar akan secara otomatis diperkecil dengan lebar 320px (medium).
Anda dapat melihat struktur Tag HTML penyusun gambar ini dengan cara beralih ke mode penulisan HTML.
Tag Html Gambar
2. Beberapa fungsi (toolbar) pada gambar
Sekarang, Klik pada gambar yang telah anda tambahkan. Terdapat beberapa toolbar berkaitan dengan gambar.
Keterangan:
- Bagian 1
Pengaturan ukuran gambar, dimulai dari small (kecil) hingga ke ukuran original (ukuran asli) - Bagian 2
Mengatur alignment gambar (rata kiri, tengah, kanan) - Bagian 3
Add caption, fungsi ini digunakan untuk menambahkan keterangan sempurna dibawah gambar - Bagian 4
Add properties, lebih terperinci ihwal ini akan kita bahas pada poin berikutnya - Bagian 5
Hapus gambar - Bagian 6
Menambahkan atau menghapus link gambar. Pada keadaan default, gambar yang ditambahkan dengan cara diatas akan mengandung link ke gambar itu sendiri. Dengan membiarkan link pada gambar, ini akan memungkinkan pembaca untuk dapat menampilkan gambar secara penuh (ukuran asli).
3. Tentang Atribut Title dan Alt pada Gambar
Pada Bagian 4: add properties, fungsi dari atribut ini yaitu untuk menunjukkan deskripsi gambar pada Mesin Pencari (Google.com misalnya). Lebih jauh ihwal ini akan anda jumpai nanti pada Materi SEO.
Untuk menambahkan properti, pada antarmuka penulisan post mode Compose, klik pada gambar dan klik add properties. Akan muncul 2 form text, yaitu Title dan Alt.
Keterangan:
- Title
Ini yaitu text yang akan muncul saat mouse diarahkan pada gambar. - Alt
Alt yaitu akronim dari Alternative Text. Bagian ini bertujuan untuk memberitahukan mesin pencari "Tentang Apa" yang disampaikan pada gambar
Anda mampu mengisi kedua bab ini (Title dan Alt) sesuai dengan "Topik" yang terdapat pada gambar. Atau, kalau anda bingung, anda juga mampu mengisi bab ini dengan judul artikel yang anda buat.
Jika bab title dan alt ini sudah anda tambahkan, sekarang coba beralih lagi ke mode HTML, anda akan melihat Attribute Title dan Alt juga akan ditambahkan pada arahan HTML gambar. Untuk lebih terperinci ihwal tag HTML gambar ini akan kita pelajari nanti.
4. Mengatur Posisi Gambar Agar Menyatu atau Sejajar dengan Text (Float style)
Pada mode compose ini, secara default posisi gambar yang ditambahkan yaitu rata tengah. Selain memanfaatkan toolbar alignment (Kiri, tengah, kanan), anda juga mampu mengatur posisi gambar menyatu atau sejajar dengan text. Apa yang aku maksud dengan sejajar ini yaitu kurang lebih menyerupai berikut:
Untuk mulai mengatur posisi gambar menyerupai diatas, Drag and Drop gambar ke posisi yang anda kehendaki (kiri atau kanan paragraf). Lebih jelasnya kalau anda masih belum mengerti ihwal apa itu yang dimaksud dengan drag and drop, Klik pada gambar dan tahan (jangan dilepas). Selanjutnya Arahkan ke posisi yang anda kehendaki, dalam pola posisi diatas yaitu ke sisi kanan paragraf pertama.
Sekarang publikasikan artikel anda. Sebelum itu, atur juga label post menyerupai yang telah dijelaskan pada bahan sebelumnya. Untuk beberapa Pengaturan post lainnya mampu dilewatkan saja (biarkan secara default).
Berikut yaitu tampilan pada blog.
Pada tutorial ini, aku hanya menjelaskan bagaimana cara menambahkan gambar ke postingan dengan metode upload. Untuk beberapa menu pilihan lainnya yang tersedia pada antarmuka insert gambar, silahkan dipelajari secara berdikari ^_^.
Sumber http://www.wiblogger.com