Wednesday, January 17, 2018

Cara Mengatur Ukuran Gambar di Area Posting Blog Secara Otomatis

Cara Mengatur Ukuran Lebar Gambar di Area Posting Blog Secara Otomatis di Blog

Sebagai bloger newbie, aku sering kerepotan pada awalnya tentang settingan picture blog yang jika kita pilih XLarge, maka foto akan melebar ke samping hingga menembus, area widget. Itu, nggak terjadi hanya sekali, di setiap postingan yang aku rubah sizenya jadi melebar seperti itu. Bayangin, jika postingan sudah seratus lebih, tentu hal ini akan merepotkan sekali bukan?

Kenapa bisa begitu?

Kemungkinan besar karena gambar yang kita upload lebih lebar dari area posting. Soalnya, pas aku coba dengan size Large, gambarnya tak sampai melebar ke samping. Sayangnya, hal ini, membuat kita nggak enak dengan tampilan foto yang kecil macam itu. Nah, alhamdullilah, setelah nanya eyang ketemu deh jawabannya. 

Sebelum Terpasang Kode


Lalu gimana caranya?

Sabar, ngopi dulu biar nggak ngantuk nulisnya. hehehe. Seperti biasa, kalian harus mematuhi perintah di bawah ini :

Cara Mengatur Ukuran Lebar Gambar di Postingan Blog

  1. Login di blogspot.com
  2. Pilih Template ==>cari kode ]]></b:skin> (Cara mencarinya masih sama. CTRL+F)
  3. Setelah itu copas kode berikut ini tepat di atas kode ]]></b:skin>
.post-body img {max-width:100%}

      4. Save. Dan lihat hasilnya.



Setelah Terpasang Kode

Jika kalian tidak suka dengan size yang besar. Kalian cukup mengatur ukuran lebar gambarnya menjadi (75% atau 50%) atau bisa juga seperti size awal, misalnya 500 px. Dan untuk mengubahnya, kalian tinggal ganti saja yang berwarna merah itu dengan size yang kalian inginkan.

Sudah cukup paham kan?

Jika ada yang kurang mengerti bisa komen atau langsung cari aku di akun media sosialku. Jangan lupa buat like FP Blog & Desain Tutorial ya. Keep Blogging. Jangan pernah lelah untuk posting hal-hal baru. Agar kita bisa saling membantu


No comments:

Post a Comment

Featured Post

Salat Idulfitri Di Hong Kong 1440H