Cara Mengatur Letak Gambar Agar Sejajar Dengan Teks Atau Tulisan di Posting Blog

Sudah kita tahu bahwa ngeblog bukan hanya sekedar mengunggah tulisan, gambar dan lainnya. Terkadang kita juga ingin membuat sesuatu yang nampak lain, berbeda dan unik.

Nah, diartikel ini saya ingin membahas sesuatu yang lain itu, yaitu tentang 'cara membuat gambar agar sejajar dengan teks di dalam posting'.

Sebenarnya, apa yang akan ditulis diartikel ini adalah tentang membuat tabel diposting blog, namun dalam bentuk yang telah dikreasikan agar nampak lebih menarik dan berkesan profesional bagi siapapun yang melihatnya.

Untuk lebih jelas tentang apa yang akan disampaikan ditulisan ini, mari perhatikan contoh gambar yang sejajar dengan teks atau tulisan dibawah ini:

Disini letak gambar yang disimpan disebelah kiri yang akan dibuat sejajar dengan teks atau keterangan

Jika anda ingin membuat letak gambar yang sejajar dengan teks seperti diatas, tinggal copy saja kode dibawah ini.

<p style='border:2px inset #dddddd;background:transparent;height:120px;width:300px;padding:10px;'> <img border='0' alt='cara mengatur letak gambar agar sejajar dengan teks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTweBtKj59CIp_HYhaeqBTV-LylajEFAVYcT1tnadY5N6ZzTCclNDj3wRirceLk9Sp_-MOy39uLtmrvSq-HZPe7rQy4ZutfWhophNXFFCHOd_ZDwgeNtMYRWa_SAHzOLbJTTOsgcOxO8_i/s640/Oqtimasi+Image.jpg' title='tabel bergambar' style='float:left;width:100px;height:100px;margin-right:20px'/> Disini letak gambar yang disimpan disebelah kiri yang akan dibuat sejajar dengan teks atau keterangan</p>

Selanjutnya anda dapat mengatur sendiri ukuran yang sesuai dengan keinginan anda. Ganti kode gambar yang berwarna hijau dengan kode gambar anda, dan kode yang diberi berwarna biru untuk mengatur tinggi dan lebar ukuran gambar.

Lihat juga contoh gambar yang sejajar dengan teks yang diposting dibawah ini:

Letakkan tulisan disini yang akan dibuat sejajar dengan gambar yang berada disebelah kanan

Bagaimana cara membuat seperti contoh gambar dan teks yang sejajar diatas, silahkan copy kembali kode dibawah ini.

<p style='background:#ff0000;height:120px;width:300px;padding:10px;color:#ffffff;'> <img border='0' alt='cara mengatur letak tulisan yang sejajar dengan gambar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTweBtKj59CIp_HYhaeqBTV-LylajEFAVYcT1tnadY5N6ZzTCclNDj3wRirceLk9Sp_-MOy39uLtmrvSq-HZPe7rQy4ZutfWhophNXFFCHOd_ZDwgeNtMYRWa_SAHzOLbJTTOsgcOxO8_i/s640/Oqtimasi+Image.jpg' title='tabel gambar dan teks' style='float:right;width:100px;height:100px;margin-left:20px'/> Letakkan tulisan disini yang akan dibuat sejajar dengan gambar yang berada disebelah kanan</p>

Ok, jangan lupa, jika ingin menggunakannya untuk posting blog, anda dapat merubah tinggi dan lebar ukuran gambar dengan merubah kode yang berwarna biru seperti contoh diatas dengan ukuran yang anda mau, dan ganti juga kode gambar yang berwarna hijau dengan kode gambar anda sendiri.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+