Iklan

Cara Mengatur Ukuran Gambar Secara Otomatis di Blogger

Cara Mengatur Ukuran Gambar Secara Otomatis di Blogger

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;  
}

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


Next
Prev Post
Previous
Next Post

9 comments:

  1. 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,,,

    ReplyDelete
    Replies
    1. Kalu ukuran gambar pada widget yaa harus edit dari script widgetnya ( script terpasang ) umumnya CSS atau HTML script-nya yang di edit.....

      Delete
  2. siip mau di coba gan, terimakasih infonya..

    ReplyDelete
  3. Klo ngerubah ukuran image pada slader bawaan blog download gmn mas? Tiap pasang gambar kok kegedean hehe. Trims.

    ReplyDelete
  4. Top banget kang!!

    Akhirnya gambar blogku jadi lebih responsoft dan enak dilihat!

    ReplyDelete
  5. Makasih mas, sharenya.
    Mau 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

    ReplyDelete