Jumat, 11 Januari 2019

✔ Cara Mengatur Gambar Posting Blog Otomatis Responsive Abdi Desa

Gambar dalam tampilan yang responsive di semua layar memang sangat diperlukan untuk sebuah blog. Karena ini akan berpengaruh pada kenyamanan pengunjung dalam membaca postingan blog kita.

Cara Jitu Mengatur Gambar Posting Blog Otomatis Responsive Semua LayarDalam mengatur gambar posting otomatis Responsive semua layar terbilang mudah. Kita hanya cukup menambahkan beberapa kode css ke dalam editor html.

.post-body img {max-widht: 90%; height: auto;}Untuk langkah tersebut terbagi ke dalam 2 langkah

Template Blog

Template blog ini memang sedianya untuk mengatur template blog default/bawaan. Tetapi bisa kita fungsikan sebagai fitur tambahan untuk mempercantik tampilan blog.

kita bisa masukkan kode tersebut ke bagian template blog lalu pilih sesuaikan lebar kemudian atur nilai dalam kode tersebut sesuai dengan ukuran yang kita inginkan lalu simpan.

Cara Jitu Mengatur Gambar Posting Blog Otomatis Responsive Semua LayarApabila bila langkah tersebut tidak berfungsi. Maka kita bisa menggunakan langkah kedua yaitu dengan

Edit HTML

Masukan kode tersebut tepat diatas kode ]]></b:skin>. Kemudian simpan. Cek kembali tampilannya apakah berfungsi atau tidak.

Nah, apabila memang belum berfungsi juga. Maka itu dapat dipastikan didalam edit HTML sudah tersedia kode tersebut yang memang belum diatur, sehingga mengakibatkan terjadinya double kode.

Kode diatas sejatinya sudah disediakan oleh pembuat template, hanya saja nilai dalam kodenya belum disempurnakan. Maka dari itu kode yang disimpan tadi tidak berfungsi secara normal

Apabila sudah demikian, kita cukup mencari kode css diatas di dalam menu edit html. Tetapi silahkan untuk hapus terlebih dahulu kode-kode yang telah kita tempatkan tadi.

Untuk mencari kode tersebut, silah tekan shift + F. apabila sudah ditemukan silahkan untuk tambahkan kode !important dibelakang nilainya. Seperti berikut:

Cara Jitu Mengatur Gambar Posting Blog Otomatis Responsive Semua LayarKemudian atur kembali nilai kode sesuai dengan tampilan blog yang kita inginkan.

Nah, demikan langkah mengatur gambar posting blog otomatis responsive semua layar. Semoga bermanfaat.


Source : https://www.abdidesa.com/2018/07/cara-mengatur-gambar-posting-blog.html

Tidak ada komentar:

Posting Komentar