Cara menyesuaikan ukuran gambar di artikel blog

ukuran gambar sangat mempengaruhi tata letak blog. bayangkan saja jika ukuran gambar disetiap artikel blog anda terlalu besar / berserakan hingga menutupi element blog yang lainnya akan membuat sipembaca menjadi sangat sulit untuk membaca seluruh isi artikel blog anda. ini adalah permasalahan kecil namun tidak boleh dianggap enteng, entar akan memberikan dampak yang tidak baik salah satunya dapat meningkatkan skor bounce rate pada blog anda. nah, untuk mengatasinya bagaimana ya mimin? langsung aja yuk dibaca ulasan berikut ini dengan cermat dan seksama :)

cara menyesuaikan ukuran gambar yang terdapat di artikel blog agar lebih responsive lagi


1. masuk keakun blogger anda.
2. pergi kemenu tema ⇨ edit html.
3. tekan ctrl+f pada keyboard pc anda lalu cari kode ]]></b:skin> atau </style>
4. copy kode berikut ini lalu tempatkan diatas kode ]]></b:skin> atau bisa juga diatas kode </style>

.post-body img {
max-width: 100% ;
max-height:  auto;
display: block ;
margin: auto;
box-shadow:none;
border:none;
pading:0px;
}
.post-thumbnail {
max-width: 270px;
max-height: 170px;
}

5. klik simpan perubahan.


selain membuat semua ukuran gambar diartikel blog menjadi lebih responsive cara diatas juga membantu untuk menyesuaikan ukuran thumbnail pada halaman depan blog (archive blog). langkah terakhir, anda bisa langsung mengunjungi blog anda untuk melihat perubahannya :)

0 Response to "Cara menyesuaikan ukuran gambar di artikel blog"

Post a Comment

Berikan komentar terbaik anda mengenai kepuasan anda dalam membaca artikel ini :)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel