Cara Resize Semua Gambar Secara Otomatis di Blogger - Dari waktu ke waktu orang mengirimkan email yang meminta pertanyaan yang sangat umum, tidak ada cara untuk mengubah ukuran semua gambar dari blog blogger mereka? Kadang-kadang gambar aliran berkekuatan besar dari konten ini tidak hanya mengecewakan pembaca Anda, tetapi juga mempengaruhi reputasi online Anda. Blogger menyediakan pilihan dasar untuk mengubah ukuran gambar, tapi ini bukan pendekatan praktis dan tidak sesuai dengan desain blog dengan baik. Untungnya, CSS langsung men-tweak memungkinkan untuk secara otomatis mengubah setiap gambar di situs Anda. Pada artikel ini, kami akan menunjukkan Cara Resize Semua Gambar di Blogger?
Mengubah ukuran gambar satu-per-satu secara manual dapat diterima, tapi apa yang akan Anda lakukan, jika situs Anda memiliki ribuan foto dan screenshot. Apakah Anda masih mengeditnya secara manual? Bahkan jika Anda memutuskan untuk melakukannya akan mengambil bulan atau bahkan lebih dari itu. Oleh karena itu, adalah penting untuk mengubah ukuran secara manual melalui langsung CSS coding. Melalui pendekatan ini, Anda juga dapat mengembalikan ukuran gambar kembali ke ukuran aslinya.
1. Pergi ke Blogger.com >> Situs Anda.
2. Klik Template >> Edit HTML. Sekarang baru dalam Blogger HTML Editor mencari ]]> </ b: skin> tag dan di atasnya paste CSS coding berikut. (Quick Tip: Jika Anda tidak dapat menemukan tag kulit, maka pertama klik di mana saja pada Editor HTML dan Tekan CTRL + F untuk mengoperasikan dibangun pada pilihan pencarian terhubung ke Editor HTML).
.post-body img {
width: 500px!important;
height: auto!important; }
Sekarang mengubah nilai-nilai Lebar dan tinggi, sesuai dengan kebutuhan Anda. Anda bahkan dapat menambahkan perbatasan untuk gambar Anda melalui (border: 1px solid # d2d2d2) perintah CSS perbatasan sederhana. Setelah menyesuaikan, tekan tombol "Simpan Template" tombol dan itu semua.
Saya berharap teknik ini akan membantu Anda dalam mengubah ukuran gambar lama Anda. Jika kita telah melewatkan sesuatu atau Anda tahu cara yang lebih sederhana untuk mengatasi masalah ini maka, bagian komentar di bawah ini adalah milikmu.
0 Kommentare:
Kommentar veröffentlichen