Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis Menggunakan Kode CSS

Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis Menggunakan Kode CSS - mungkin sobat blogger sudah mahir Merubah Ukuran Gambar pada setiap postingan yang ada pada blog milik sobat Blogger. Tetapi bagaimana caranya kalau kita ingin Merubah Ukuran Gambar Secara Otomatis untuk pemula??

Sebenarnya Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis sangat simple kalau kita mengerti kode script yang ada pada blog kita. Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis sahabat bisa melakukannya secara manual yaitu sahabat bisa merubah ukuran gambar pada saat meng upload gambar itu sendiri. Tetapi kalau sahabat ingin Merubah Ukuran Gambar Secara Otomatis maka sobat blogger harus menambahkan kode script pada template milik sobat blogger.

Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis ini bertujuan untuk merapihkan semua gambar yang ada pada blog milik sobat blogger, sehingga semua gambar yang ada pada blog sobat blogger ukurannya sama.

Simak Juga CSS3 EFEK GAMBAR PEEL UNTUK BLOGGER

Nah sekarang bagaimana Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis, caranya cukup simple yaitu :

1. Login terlebih dahulu ke Blogger
2. Masuk ke Area Template
3. Selanjutnya pilih Edit Html
4. Lalu Tekan Ctrl + F pada keyboard (untuk memudahkan pencarian)
5. Cari Kode  ]]></b:skin> pada template sahabat
6. Copy kode dibawah ini dan pastekan tepat diatas kode no.5

.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 :

350px : Ukuran Lebar Gambar

auto : Tingginya akan disesuaikan secara otomatis

Border : Garis Pinggir Gambar

Box-shadow : Bayangan Garis Pinggir Gambar

NB : Sahabat bisa merubah kode diatas sesuai dengan keinginan sahabat

Langkah Terakhir Simpanlah template dan lihatlah hasilnya.

Nah begitulah Cara Merubah Ukuran Gambar Di Post Blogger Secara Otomatis, yang dapat Tempat Blogging share. mudah mudahan dapat bermanfaat bagi sobat Blogger yang membutuhkan, mohon untuk dilengkapi jika terdapat kekurangan. sekian dan terimakasih. ;)

Share this post