CSS overwriting : Mengganti Semua ukuran gambar Dalam postingan Melalui CSS

Author:
CSS overwriting : Mengganti Semua ukuran gambar Dalam postingan Melalui CSS: Asal masalah: kita pernah memasang gambar pada setiap konten / postingan blog dengan ukuran yang berbeda beda untuk masing masing gambar pada setiap entry tapi seiring berjalannya waktu pemikiran berubah dan kita ingin semua gambar berukuran sama, jadi jika kita misalkan punya 1000 postingan alangkah repotnya mengedit semua entry hanya untuk mengganti ukuran gambar ini.

Pemecahan masalah ini akan dengan mudah dilakukan dengan CSS overwriting.
Nah ini penyelesaiannya "Overwriting IMG Style CSS To All Images In Blog Content"
Dari skin ( biasanya diatas header ) atau dengan format <style type='text/css'></style>. Cari Block atau div dimana post anda dipasang ( biasanya:
.post entry
jika sudah ketemu buatlah satu baris kode dengan id atau class yang sama dengan tambahan img misalkan:

.Post entry img {width: 200px !important;
height:200px !important;}


Dengan beberapa baris css diatas dipastikan semua ukuran gambar yang ada dalam postingan akan tergantikan dengan tinggi 200px dan lebar 200px, dalam baris kode css diatas anda juga bisa menambahkan border dan sebagaimnya, namun yang terpenting untuk diperhatikan adalah kode !important, inilah yang membuat semua kode css styling teroverwrite.

Semoga membantu. catatan: Saya menulis ini setelah baru saja berhasil mengganti semua ukuran gambar pda setiap postingan dengan belajar melalui w3schools,w3.org dan sebagainya.
CSS overwriting : Mengganti Semua ukuran gambar Dalam postingan Melalui CSS

Mungkin anda Juga ingin tahu :
Cara Pasang Flash pada Blog Blogspot
Google : Pagerank Update Jangan Lagi Diperhitungkan