Membuat Gambar Otomatis Responsive di Blog

Bloggerisn - Membuat Gambar Otomatis Responsive di Blog. Hai sobat Blogger, berjumpa lagi dengan Saya di artikel lain yang sedang membahas gambar. Biasanya gambar dalam postingan kita tidak sesuai dengan yang kita harapkan. Maksudnya? Jadi gini, kalau ukuran gambar lebih lebar dari pada ukuran blog sobat, otomatis gambar itu akan keluar dari garis border conten sobat. Untuk contoh sobat bisa lihat dibawah ini :

Before Demo

Sudah jelas bukan, gambar mengambil conten milik sebelahnya. Nah Maka dari itu kali ini Saya akan memberikan sedikit Tips untuk sobat blogger, agar si gambar tidak keluar melewati batas konten sobat. Dengan cara penerapannya sebagai berikut :

Cara Penerapan:

1. Buka Blogger
2. Klik Template
3. Buka Edit HTML
4. Lalu masukan kode CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style>

/* Responsive Image Bloggerisn */
.post-body img {
  max-width:100%;
  height:auto;
}

5. Selanjutnya Simpan Template dan lihat hasilnya.

After Demo

Nah bagaimana, sudah jelas kelihatan bukan bedanya? Oke sekian tips kali ini, semoga membantu dan bermanfaat bagi sobat blogger. Dadah :D

Source
http://bloggerisn.blogspot.com/2015/05/membuat-gambar-otomatis-responsive-di-blog.html

Suka Artikel ini? Bagikan.

Suka Dengan Artikel Diatas? Bagikan Gratis:

• Tweet
• Share
• Share
• Share
• Share

Irham Satriawan

Saya adalah seorang yang sangat menyukai design dan juga dunia internet sobat bisa memanggil saya (CT), dengan blog ini semoga saya akan berbagi pengalaman saya kepada sobat semua.

Artikel Menarik Lainnya