Untuk membuat sebuah artikel lebih mudah dimengerti, kadangkala diperlukan penambahan beberapa gambar pada tulisan kita.Untuk pengguna Blogger, fasilitas Add Image sendiri sudah tersedia ditempat penulisan artikel baru. Sumber gambar bisa dari komputer kita atau dari web dengan cara mencantumkan URL nya (alamatnya di internet).
Kita juga perlu menentukan posisi gambar di artikel kita ( Kiri, Kanan atau Tengah), serta tentukan juga tentukan ukuran dari tampilan gambar (Kecil, Sedang atau Besar).
Hal yang tidak difasilitasi oleh menu blogger adalah bagaimana menempatkan tulisan dibawah artikel. Sangat berguna sekali apabila kita mencantumkan lebih dari satu gambar didalam satu artikel, kalau tidak diatur dengan baik, bisa saja tulisan dan gambarnya akan tidak berurutan atau berkumpul disamping gambar.
Berikut adalah jendela yang ditampilkan oleh Blogger pada menu Add Image, lakukan pengaturan seperti yang telah saya uraikan diatas.
Setelah selesai, klik Upload Image, lalu klik lagi Done. Lalu dibagian paling atas dari tulisan kita akan muncul kode <a onblur........ </a> , seperti gambar berikut.
Ambil kode tersebut lalu letakkan di bagian artikel yang anda inginkan.
Untuk meyakinkan tulisan selalu berada dibawah gambar, kita perlu melakukan sedikit modifikasi dari kode tersebut.
| <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFFconckPWiy8eB1aT_H0Rv48W5NbbY_27m9H5Vg2u_C7dtp3nAqax01ZcZxTJBAxubSPML3d4p3djTPL0fgff03mQcgQmnc0DrZo_rITQfXdyS9Ju4Lo6j6IXgD_uEUF7F08HQX0isxQ/s1600/Insert+Image.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 179px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFFconckPWiy8eB1aT_H0Rv48W5NbbY_27m9H5Vg2u_C7dtp3nAqax01ZcZxTJBAxubSPML3d4p3djTPL0fgff03mQcgQmnc0DrZo_rITQfXdyS9Ju4Lo6j6IXgD_uEUF7F08HQX0isxQ/s320/Insert+Image.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5580795203348174498" /></a> |
Gantilah "margin:0 10px 10px", menjadi "margin:0 300px 10px", ini berarti area gambar kita tambahkan menjadi 300 pixel sehingga tidak ada tulisan yang bisa berada disitu.
sumber :kerjainsendiri.com
