Cara Membuat Gambar Sejajar di Dalam Posting Blog

Mygameandro- Kali Ini Blogger Muntok akan berbagi mengenai cara membuat gambar sejajar di dalam posting blog. contoh penerapannya seperti berikut ini:

Hot Deal Smartphone Hari Ini

Nokia Lumia Rp 10.000

Sony Xperia Rp. 15.000

Samsung Galaxy Rp.20. 000

Ternyata cara untuk membuat gambar sejajar di dalam posting blog cukup mudah. Caranya seperti berikut:

1. Pastikan sobat membuat post dalam mode HTML

2. ketikkan kode berikut di posisi gambar yang sobat inginkan:

<table><tr>

<td><img src="URL Gambar 1"/></td>

<td><img src="URL Gambar 2"/></td>

<td><img src="URL Gamabar 3"/></td>

</tr></table>

kesalahan para blogger newbie biasanya tidak mencantumkan img src=

3. sekarang kembali lagi ke mode biasa (mode compose), tinggalkan mode HTML.
Taraaa gambar udah jadi :D
Tapi kok ukurannya besar kecil dan gambarnya tidak seimbang yah? ini malah ada yang gede banget -_-

Tenang sobat, itu karena ukuran gambarnya berbeda-beda. sekarang tugas sobat adalah menyeimbangkannya. Sobat klik ke masing-masing gambar lalu pilih ukuran "small" atau "kecil"

biasanya masih belum seimbang, sekarang tugas sobat kembali ke mode HTML lalu cari tulisan ini:
"img height" dan "width" (tanpa tanda petik)

Itu adalah ukuran tinggi dan lebar gambar, silahkan sobat atur-atur sendiri tinggi dan lebarnya gambar yah, perhatikan juga proporsi dan skalanya biar hasilnya mantap.

4. Gambarnya silahkan diberi caption dan Alt seperti biasanya.

Jadi deh gambarnya.

Masih bingung?
Udah praktek dulu, kalau sobat masih kesulitan silahkan nanya lagi :)

Ini kode HTML 3 gambar di atas, silahkan sobat gunakan untuk latihan.

<table><tbody>
<tr>

<td><img height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jonlf54PWNcTD7nvA6IWL5ye1PPeUcfQnF2BATNOSYNWHdJETsZehTalJdYZtzTsoPBLOg6DaJvr7xb-F4Q4lFVnmkChzItV8nPFUl2c778FODT4QgH-txFyvna4fjTr2iWoDdUZMZUD/s200/Nokia-Lumia-928-mockup.jpg" width="200" /></td>

<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYF9KploD0exNw9ZrAd3a1GywEtiJXXqJy8geZTklH1cbSK3iuhIH4IYgX2tAnGxKSEXCPMdMl5YdVvLDK3D-DORyfbjEwo88iprA_rS_5tACWv3wGZncnZu1-hTs9U8vOdMRDJI1K59k/s200/sony+xperia+sp.jpg" /></td>

<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihPirkf2LvgdDTgTXUlCf8LEemwoCuzvcxx73pTb20m9DPp8DLaUKXZ5vWoeWR31HUSwnIMRl7JKEvDX3d_8vo2Sx1H9suupPrH_VfdPRqFhHsOKGMHXk6Uqj8PIp2azuDHT5hH0tYPI2k/s200/Samsung-Galaxy-S4.jpg" /></td>

</tr>
</tbody></table>

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Game Android. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Game Android dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Jumat, 08 Mei 2015