Cara Menyesuaikan Ukuran Gambar/ Fungsi IMG HTML

Cara ini bertujuan untuk menyesuaikan ukuran gambar pada post di Blog kalian sesuai yang kalian inginkan. langsung saja berikut caranya.

1. Yang pertama pastinya buka Blog anda lalu klik "Buka Daftar Entri" seperti berikut:

2. Selanjutnya masuk ke Template

3. Lalu klik "EDIT HTML"

4. Lalu tekan CTRL + F (supaya memudahkan anda untuk pencarian)
5. Kemudian cari kode ]]></b:skin> setelah ketemu kalian copy kode di bawah ini dan paste kan di atas kode ]]></b:skin>


"
.post-body img {
width: 350px!important;
height: auto!important;
border: 1px solid #ffffff;
box-shadow: 2px 2px 6px rgba(0,0,0,0.5);

}
  "


*keterangan:
- Copy kode tersebut tanpa tanda petik 2 {"}
- width: 350px!.......... adalah ukuran lebar gambar
- height: auto!........... artinya tinggi gambar otomatis akan di sesuaikan
- border: 1px............. adalah garis pinggir gambar
- box-shadow: 2px..... adalah bayangan garis pinggir gambar
*anda bisa merubah nya sesuai keinginan/ kebutuhan anda



6. Setelah selesai klik "Simpan Template"

   dan hasilnya seperti berikut

*gambar tersebut lebarnya sama

yah.....sekian cara yang saya sampaikan! Semoga cara tersebut bisa berguna bagi kalian dan kalian mengerti cara yang saya sampaikan! :D

Posted in: