Home BLOG cara agar gambar ada di tengah website dan blog

cara agar gambar ada di tengah website dan blog

berikut merupakan tips agar gambar atau foto postingan blog atau website ada di tengah, gambar di kiri dan di di kanan.

cara agar gambar ada di tengah postingan blog

Kali ini saya akan membagikan tips mengatur sebuah gambar di blog atau website agar ada di tengah, untuk mengatur posisi atau letak gambar caranya cukup mudah , hanya dengan mengatur CSS nya saja, berikut saya beri contoh script html dan css yang sangat sederhana.
<html>

<head>

<title>Contoh letak gambar di tengah</title>

</head>

<style>
.tengah{text-align:center;}
.kiri{text-align:left;}
.kanan{text-align:right;}
</style>

<body>

 posisi gambar di tengah

<div class="tengah">
<img src="url poto" />
</div>


Posisi gambar di kiri

<div class="kiri">
<img src="url poto" />
</div>


Posisi gambar di kanan

<div class="tengah">
<img src="url poto" />
</div>
</body>
</html>

Untuk menggunakan css harap diperhatikan dan usahakan jangan menggunakan metode inline style karena tidak baik untuk seo.
Sangat mudah kan, hanya menggunakan script css text-align anda bisa mengubah posisi gambar sesuai kemauan anda, ikuti terus tutorial blog dari saya agar anda bisa lebih handal dalam belajar membuat website.

Mengatur lebar dan tinggi gambar dengan css

Anda juga bisa mengatur lebar dan tinggi gambar hanya dengan menambahkan script di css nya ,contohnya :
<style>
.tengah{text-align:center;}
.tengah img{width:200px;height:200px;}

</style>

Coba perhatikan css di atas kita tinggal menambahkan class .tengah img, fungsinya gambar berada di tengah dan mengatur lebar dan tinggi gambar, mudah bukan.
Jika ada pertanyaan, anda bisa mengirim email ke bondarsunanang@gmail.com

Disqus Comments