Cara Agar Gambar Posting Tidak Melebihi Halaman Blog

Cara agar gambar posting  tidak melebihi halaman blog. Memasukan gambar didalam posting blog, merupakan salah satu cara agar isi artikel le...

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.
cara agar gambar posting tidak melebihi halaman 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>
  4. #header img { max-width: 99%; max-height:90%; margin:1px 1px;padding:0px;}
        .post img { vertical-align:bottom; max-width:90%; max-height:90% }
        #navigation img { vertical-align:bottom; max-width:80%; }
  5. 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.
    Selanjutnya coba baca juga cara mengubah gambar jpg menjadi kecil, dengan title gambar yang masih bisa dilihat. Dan juga cara compress gambar JPG, agar ukuran file gambar menjadi lebih kecil lagi. Semoga Bermanfaat.

      COMMENTS

      Nama

      Android Desain Blog Game Header HTML dan CSS Internet Kotak Komentar Menu Desain Microsoft Excel Microsoft Word Post Seo Sidebar Software Tips dan Trik Tutorial Blog Widget
      false
      ltr
      item
      Xiruz: Cara Agar Gambar Posting Tidak Melebihi Halaman Blog
      Cara Agar Gambar Posting Tidak Melebihi Halaman Blog
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0g9Rer_g5ZkjEz_icqLXTbS313IWfAd9JUNbEFCF74BBBWkdIazl2a2beueF1I47shJCzt4goQZOEMjgDSxq3MOP3PB9C4gBcOOqKIb1N1cE0ASAlvyH1gviAKzgtSdXhtz6SfaFTHMqc/s320/Gambar+Blog.JPG
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0g9Rer_g5ZkjEz_icqLXTbS313IWfAd9JUNbEFCF74BBBWkdIazl2a2beueF1I47shJCzt4goQZOEMjgDSxq3MOP3PB9C4gBcOOqKIb1N1cE0ASAlvyH1gviAKzgtSdXhtz6SfaFTHMqc/s72-c/Gambar+Blog.JPG
      Xiruz
      https://xiruz-vip5.blogspot.com/2013/04/cara-agar-gambar-posting-tidak-melebihi.html
      https://xiruz-vip5.blogspot.com/
      http://xiruz-vip5.blogspot.com/
      http://xiruz-vip5.blogspot.com/2013/04/cara-agar-gambar-posting-tidak-melebihi.html
      true
      2851028177564598499
      UTF-8
      Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy