Cara membuat gambar posting tidak melebihi halaman blog.
Memasukan sebuah gambar dalam posting blog, merupakan salah satu cara agar isi artikel lebih mudah untuk dimengerti oleh pengunjung blog. Tapi, jika ukuran gambar melebihi lebar halaman posting, maka tampilan artikel akan terlihat menjadi semrawut alias tidak rapi. Apalagi sampai menyentuh widget -widget dikanan kiri atas bawah blog, akhirnya blog akan tampak amburadul.
Blogger sudah menyediakan tool untuk mengatur ukuran gambar. Caranya klik gambar disitu 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 lebih jelas.
Menggunakan tool dari blogger tidak cukup untuk mengatur lebar gambar, terkadang gambar masih melebihi lebar halaman posting blog. Berikut adalah tips agar gambar dipostingan blog tidak melebihi lebar halaman blog Anda.
Ikuti step dibawah ini :
<<>> Login ke blogger. Langsung menuju ke pengaturan template.
<<>> Klik edit html, dan cari kode ]]></b:skin> , pakai Ctrl F untuk memudahkan pencarian.
Letakan kode berikut di atas ]]></b:skin>
#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%; }
<<>> 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.
Mengatur ukuran gambar bisa dibilang sebagai salah satu cara untuk meningkatkan search engine optimazation atau yang biasa disingkat seo dalam dunia website.
Semoga Bermanfaat.
1 komentar:
Write komentarapakah resolusi gambar itu juga mempengaruhi pada bagian SEO? Cara Membuat Website
ReplyEmoticonEmoticon