Adding class to set the position of image post

Menjadi seorang blogger yang sekaligus juga mengetahui bagaimana desain blog dibuat berikut kode yang digunakan menjadi sesuatu yang sangat menarik. Menjadi blogger memang "tak hanya sekedar bernilai sebuah posting", namun masih banyak hal lain yang juga sangat menantang dan seringkali bahkan membuat lebih banyak waktu tersita. Salah satunya adalah mencoba membuat berbagai kode baru dengan tujuan menciptakan posting dengan kode lebih sederhana namun mempunyai kualitas dan tampilan lebih baik. Image posting merupakan salah satu diantaranya dan melakukan itu dapat dilakukan dengan memanfaatkan property css. Tentu saja memahami kode css menjadi kunci segalanya dan itu hanya bisa terjadi dengan lebih banyak belajar css melalui tutorial css yang banyak tersedia di berbagai blog/web atau dari berbagai buku tentang css & kode html.

Usemap Attribute

Usemap attribute adalah salah satu attribute css yang digunakan dalam tag img. Sekalipun jarang digunakan oleh blogger, attribute usemap dapat digunakan untuk beberapa keperluan khusus seperti misalnya memberikan keterangan pada titik-titik tertentu di senuah gambar/image, baik dalam bentuk image ataupun teks. Usemap juga bisa digunakan untuk menempatkan sebuah link. Pada penerapan yang berbeda, attribute usemap bisa juga digunakan untuk membuat daftar menu/cloud. Penggunaan usemap akan banyak ditemukan pada image yang digunakan sebagai peta/map, diamana setiap titik ditentukan melalui koordinat.

Attribute usemap dalam tag img

Tag image - html img tag

Kode html tag image (tag img) merupakan tag html yang paling sering digunakan dalam aktifitas blogger selain tag div, tag p, tag a, tag span, tag h1 s/d tag h3. Alasan mengapa tag img begitu seing digunakan adalah tingginya frekuensi penggunaan image sebagai salah satu materi posting. Bukan hal aneh karena image adalah salah satu media paling tepat untuk berkomunikasi dengan pembaca selain teks. Frekuensi penggunaan image sebagai salah satu bahan posting dan desain blog mengharuskan blogger untuk mengetahui lebih dalam tentang image, tag img serta beberapa property css yang berkaitan dengan penerbitan image dalam posting. Kode html tag img dalam penggunaan sederhana berisi attribute src dan alt dan width serta height.

Image

Unsur web/blog yang paling sering digunakan selain teks adalah image/gambar. Tidak hanya digunakan sebagai media visualisasi dalam posting, namun image memang mempunyai peran dan fungsi yang sangat besar terhadap desain blog/web berikut semua aktifitas seputar blog. Ada tiga jenis file image yang digunakan dalam web:

1. File image jpg/jpeg
   Image dalam bentuk file .jpg mempunyai kelebihan dalam detail warna. Paling lengkap dan paling bagus jika dibandingkan dengan file image yang lain. File image jpg juga dapat di kompres hingga ukuran yang jauh lebih kecil dari aslinya dengan kwalitas terjaga sehingga mempunyai efek positif terhadap kecepatan loading blog. Sifat-sifat seperti inilah yang membuat file jpg paling banyak digunakan sebagai bahan posting.
2. File image gif