HTML : Image and Align Atribut

Bagi sebagian penulis blog, mengedit postingan melalui pencantuman kode-kode HTML memang mengurangi kenyamanan. Beruntunglah bagi pengguna Blog*spot dengan adanya 2 pilihan menu editor yakni [Edit HTML] dan [Compose].

Pilihan pertama begitu akrab bagi mereka yang gemar menuliskan secara manual kode-kode HTML maupun CSS di dalamnya. Sedang pilihan [Compose] sangat cocok bagi mereka yang ingin mendapatkan hasil instan dalam pengolahan tulisannya.

Berbeda dengan pengguna Blogsome maupun Wordpress yang minim dukungan editor WYSIWYG (What You See Is What You Get) maka pengetahuan dasar HTML sangat membantu.

Berikut adalah salah satu masalah yang jamak ditemukan penggunanya saat menempatkan gambar dalam postingan. Gambar menjadi materi yang terpisah dengan teks pengapitnya. Seperti contoh berikut :

Nah agar tampilan menjadi lebih baik laiknya tampilan yang biasa kita lihat di surat kabar, dimana materi gambar dan teks menyatu, gunakan kode HTML berikut untuk melengkapi tag img src.

Gambar pertama menyisakan kode berikut di HTMLnya :
<img src=”gambarku.jpg” alt=”berdekatan” >

Untuk itu lengkapi hingga menjadi berikut dalam editornya :
<img src=”gambarku.jpg” alt=”berdekatan” hspace=”6″ vspace=”4″ align=”left”>

Cukup tambahkan dengan teks yang tertulis merah. Hspace dan Vspace bisa ditambahkan untuk memberikan ruang yang lebih lega bagi gambar dan teks pengapitnya. Hingga tampilan bisa menjadi berikut :

Add to Technorati Favorites

5 pemikiran pada “HTML : Image and Align Atribut

  1. Waduh. Malam ini cukup repot dengan penambahan foto.
    Sepertinya size juga cukup mempengaruhi.
    Semoga asumsi awal yang salah..

    Salam dari Semarang

    Suka

  2. Waduh. Maaf dobel2..
    Ternyata, memang kebodohanku pribadi..

    Anyway, matur suwun atas smua tipsnya ya Kang..

    Salam Editag dari Semarang..:)

    Suka

  3. pro bunsal : alhamdulillah kalo dah beres…ikut doain aja dr bandung agar kegiatan ngedit blognya lancar….sering2 mampir ke edittag ya bu….

    Suka

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s