Cara menyesuaikan ukuran gambar di artikel blog

menyesuaikan ukuran gambar di artikel blogger ya itu dia topik yang akan dibahas diartikel ini. 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 :)

begini cara menyesuaikan ukuran gambar di blog agar lebih responsive

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 :)

Comments

Post a Comment

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