Cara Agar gambar tidak Melebihi Postingan Blog

 Cara agar gambar posting  tidak melebihi halaman blog. Memasukan gambar didalam posting blog, merupakan salah satu cara agar isi artikel lebih mudah untuk dimengerti oleh pembaca. Namun, jika ukuran gambar melebihi lebar halaman posting, maka tampilan artikel terlihat menjadi tidak rapi. Apalagi sampai menyentuh widget-widget yang berada di samping kanan blog.
Sebenarnya, blogger sudah menyediakan tool untuk mengatur ukuran gambar, gambar bisa dikecilkan atau dibesarkan. Caranya klik gambar maka akan ada tool dengan pilihan small, medium, large, x-large atau ukuran gambar yang sebenarnya. Tapi pada postingan tertentu, mungkin kita ingin menambahkan gambar yang lebar dengan title gambar yang terlihat jelas.

Menggunakan tool dari blogger tidak cukup untuk mengatur lebar gambar, terkadang gambar masih melebihi lebar halaman posting blog. Berikut ini adalah cara agar gambar dipostingan blog tidak melebihi lebar halaman blog. 
Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger. Ke pengaturan template.
  2. Klik edit html, dan cara kode ]]></b:skin> , gunakan Ctrl f untuk memudahkan pencarian.
  3. Letakan kode berikut di atas ]]></b:skin>
.post img { vertical-align:bottom; max-width:90%; max-height:90% }
     4.Selanjutnya save template, selesai.
Gambar dengan ukurang yang besar, otomatis tidak melebihi lebar posting blog. Dengan begitu, tampilan posting blog akan terlihat rapi, dan juga bisa menambah kecepatan loading blog. Untuk mengoptimalkan lagi lebar gambar, agar tidak melebihi halaman blog. Ada baiknya, sebelum gambar di upload ke blog. Gambar di kompress terlebih dahulu.
Terkadang, gambar dengan ukuran extra besar, masih bisa melewati batas halaman blog. Walaupun sudah ditambah pengaturan seperti diatas. Tapi pada umumnya, blog yang sudah diberikan pengaturan gambar seperti diatas. Gambarnya tidak akan melewati batas halaman. Mengatur ukuran gambar bisa dibilang sebagai salah satu cara untuk meningkatkan search engine optimazation atau yang biasa disingkat seo dalam dunia website.
Semoga Bermanfaat.

Saya hanya Anak SMP Yang baru Mengenal Dunia Komputer. Saya Newbie. Belum Terlalu Mahir dengan Komputer. Namun Saya Mencoba mengenal Dunia Blogging. Saya Cuma Script Kiddie dan masih pada tahap Pembelajaran :)

Share this

Related Posts

Previous
Next Post »

8 komentar

komentar
27 Maret 2015 pukul 18.23 delete

sebenarnya cukup menggunakan yang .post img saja, sesuai dengan judul post ini, jadi tidak perlu meletakkan css bagian #header dengan #navigasi

Reply
avatar
28 Maret 2015 pukul 10.08 delete

Cuma tambahan aja gan . Hehehehe

Reply
avatar
28 Maret 2015 pukul 13.50 delete

Apakah cara ini sangat penting untuk semua blog?

Reply
avatar
28 Maret 2015 pukul 14.09 delete

Hanya berperan saja dalam ukuran gambar yang melebihi Postingan blog :)

Reply
avatar
28 Maret 2015 pukul 19.01 delete

Wah jadi tau makasih infonnya bray :)

Reply
avatar
RD
30 Maret 2015 pukul 08.42 delete

thanks gan , langsung coba aja

Reply
avatar
30 Maret 2015 pukul 15.36 delete

Sangat mudah gan tutorialnya :)

Reply
avatar
30 Maret 2015 pukul 15.36 delete

Langsung coba gan :D Cusssss

Reply
avatar

Gunakan Fasilitas dibawah.
Mohon agar tidak berkomentar "Link Aktif"
Komentar Anda Berharga bagi saya.

Terima Kasih Telah Berkunjung....