Sekarang
Bloggingpasuruan mencoba untuk memberikan tips untuk sahabat blogger " Cara Resize Semua Gambar Secara Otomatis di Blogger
". Jadi! dengan artikel ini Anda dapat dengan mudah mengubah ukuran semua
gambar dalam blog Anda. Ini adalah masalah yang umum terjadi di blogger custom template. Kadang-kadang
gambar akan mengecewakan pembaca blog Anda dan membuat template tampak tidak
tertata rapi karena ukuran gambar yang terlalu besar.. Jadi membuat membuat
resize ( mengatur ulang ukuran ) baik untuk lebar semua gambar di blogger
adalah titik kunci untuk membersihkan template Anda dan membuat pengunjung BLOG
semakin betah dan tertarik mengunjungi BLOG Anda.
Apakah
Anda pernah mengalami dengan mengunggah gambar lebih besar 800px lebar dan merusak
wilayah posting Anda ? dengan ukuran gambar yang tidak seimbang. Oleh karena
itu saya telah mencari dan menemukan kode yang baik untuk mengubah ukuran semua
gambar dalam blog blogger untuk skala terbatas..
Mengapa
harus ada Resize semua Images di Blogger?
Ada
banyak gambar dengan sejumlah besar ( ukuran dalam px ) dan beberapa gambar tidak dapat
di muat dalam template blogger Anda. Dalam hal ini Anda harus mengubah ukuran
semua gambar Anda. Tentunya akan kesulitan jika Anda mengubah ukuran gambar secara
manual akan memakan terlalu banyak waktu. Tentunya Anda tidak dapat mengubah
ukuran secara manual dalam jumblah banyak .Anda harus menambahkan beberapa CSS
coding untuk melakukannya itu semua, sehingga Anda bisa menghemat waktu.
Cara
Resize Semua Foto In My Blogger Blog?
1 Masuk ke Blogger.com ( Dasboard )
2 Pilih Template
3 Klik Edit HTML kemudian tekan Ctrl
+ F
4 Sekarang cari kode ini ]]> </ b:
skin>
5.Setelah menemukan ]]> </ b: skin> copy
kode di bawah ini dan paste di atasnya
post-body
img {
max-width: 100% ;
max-height:
auto;
display: block ;
margin: auto;
box-shadow:none;
border:none;
pading:0px;
}
display: block ;
margin: auto;
box-shadow:none;
border:none;
pading:0px;
}
Note : untuk yang warna merah bersifat ( optional ) boleh ditambahkan boleh tidak.
6 Klik tombol Simpan Template dan lihat blog Anda SEKARANG.
Kustomisasi
۞Jika
Anda ingin menurunkan / meningkatkan lebar semua gambar dalam blog blogger Anda
kemudian mengubah 550px dengan nomor yang diinginkan.
۞ Juga jika Anda ingin membatasi
ketinggian gambar dalam blog blogger kemudian mengubah auto dengan nomor yang
diinginkan.
۞ Anda dapat menambahkan border untuk
semua gambar hanya dengan menambahkan border: 2px #dedede solid untuk coding di
atas.
Jika
Anda membutuhkan bantuan lebih ramah memberikan komentar. Jangan lupa untuk
berbagi artikel ini dengan teman-teman Anda yang memiliki blog di blogger.com.
Hal ini direkomendasikan untuk desainer blogger template baru, karena
menambahkan kode sederhana ini untuk template Anda adalah proses yang diharuskan.
Salam blogging….
klo setting ukuran gambar di widget gmn,,? soalnya ukuran gambar yg di pasang jadi ngikutin ukuran default template nya mungkin,,, di kecilin juga ttep aja segitu gedenya,,,
ReplyDeleteKalu ukuran gambar pada widget yaa harus edit dari script widgetnya ( script terpasang ) umumnya CSS atau HTML script-nya yang di edit.....
DeleteMakasih yah infonya
ReplyDeletesiip mau di coba gan, terimakasih infonya..
ReplyDeletemantap mas
ReplyDeleteHaturnuhun infonya.
ReplyDeleteKlo ngerubah ukuran image pada slader bawaan blog download gmn mas? Tiap pasang gambar kok kegedean hehe. Trims.
ReplyDeleteMakasih mas, sharenya.
ReplyDeleteMau nanya kalo di blog saya sejak ganti template, semua gambar buram. Ternyata dia akan jelas kalau pake original size. Jdilah gambarnya gede bgt memenuhi halaman di blog. Apa ada solusinya? Dulu sebelum ganti tmplate hanya perlu pake fitur small-medium-large di draft blognya. Terima kasih