Gunakan blok Perbandingan Gambar untuk menempatkan dua gambar bersebelahan (atau atas-bawah) dan gunakan penggeser untuk menampilkan perbedaan di antara kedua gambar. Berikut contohnya:
![](https://en-support.files.wordpress.com/2020/05/undraw_camping_noc8.png)
![](https://en-support.files.wordpress.com/2020/05/undraw_camping_noc8-1.png)
Dalam panduan ini
Untuk menambahkan blok Perbandingan Gambar, klik ikon penyisip blok untuk membuka pustaka blok dan pilih blok Perbandingan Gambar.
Instruksi selengkapnya tentang cara menambahkan blok terdapat di sini.
![GIF yang menampilkan proses menambahkan blok Perbandingan gambar.](https://en-support.files.wordpress.com/2020/05/image-compare128.gif?w=1024)
Blok berfungsi paling efektif dengan dua gambar yang memiliki lebar dan tinggi yang sama.
Anda dapat menyeret dan melepas gambar ke blok untuk lokasi sebelum dan sesudahnya. Anda juga dapat mengeklik tombol Unggah, atau memilih gambar yang sudah diunggah di Pustaka Media.
![Blok Perbandingan Gambar - pengunggahan gambar](https://en-support.files.wordpress.com/2020/05/image-compare-placeholder.png?w=916)
Anda dapat menambahkan keterangan ke blok setelah mengunggah gambar.
Jika Anda mengunggah gambar yang salah, atau ingin mengubah urutan, Anda perlu menghapus blok dan mulai dari awal.
Setiap blok memiliki pilihan tertentu di bilah sisi Editor selain pilihan yang terdapat di bilah peralatan blok. Jika Anda tidak melihat bilah sisi, cukup klik ikon ‘roda gigi’ di sebelah tombol Publikasikan.
![Pengaturan blok terdapat di bilah sisi.](https://en-support.files.wordpress.com/2018/12/block_setting.png)
Dengan pengaturan orientasi, Anda dapat mengubah orientasi dari berdampingan ke atas dan bawah:
![Pengaturan blok Perbandingan Gambar](https://en-support.files.wordpress.com/2020/05/image-compare-settings.png?w=1024)
Dengan tab lanjutan, Anda dapat menambahkan kelas CSS ke blok, sehingga Anda dapat menulis CSS khusus dan mengatur gaya blok. Pelajari lebih lanjut.
![Bagian lanjutan memungkinkan Anda menambahkan kelas CSS ke blok.](https://en-support.files.wordpress.com/2018/12/image3.png)