Ads by google:
Ads by google:
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
Nokia Lumia
Rp 10.000
Sony Xperia
Sony Xperia
Rp. 15.000
Samsung Galaxy
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="http://2.bp.blogspot.com/-a4q4oKa-VhA/UWQKiVMaLzI/AAAAAAAAAfU/HQNBwJD5kqE/s200/Nokia-Lumia-928-mockup.jpg" width="200" /></td>

<td><img src="http://2.bp.blogspot.com/-92ITpCt0LOA/UUiBLXms1ZI/AAAAAAAAHRU/wolf-a6jEZk/s200/sony+xperia+sp.jpg" /></td>

<td><img src="http://1.bp.blogspot.com/-68fCUxeLoO4/UfXCafE3opI/AAAAAAAAAR0/N3Uk6KktYdM/s200/Samsung-Galaxy-S4.jpg" /></td>

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


Ads By Google :
Bermanfaat kan? Yuk Share ke :
Facebook Tweet