Cara Menyesuaikan Latar Belakang Tumblr Agar Selalu Menutupi Layar Pengunjung

Meski tema Tumblr yang mendukung penggunaan gambar latar belakang dapat membuat blog Anda terlihat lebih menarik, Anda tidak memiliki kontrol atas resolusi layar yang digunakan pengunjung saat meninjau blog Anda. Untuk memastikan gambar latar belakang Tumblr Anda selalu menyesuaikan diri agar memenuhi seluruh tampilan situs, terlepas dari resolusi atau browser yang digunakan pengunjung, Anda perlu mengedit kode tema.

Masuk ke Akun dan Buka Pengaturan

Masuk ke akun Tumblr Anda, lalu buka halaman Pengaturan dari dasbor.

Pilih blog yang ingin Anda edit (jika Anda memiliki beberapa blog Tumblr), lalu klik Sesuaikan.

Edit Kode Tema

Ketuk Edit HTML untuk membuka kode sumber tema, kemudian tekan Ctrl‑F untuk membuka jendela pencarian.

Ketikan body { (tanpa tanda kutip), lalu tekan Enter untuk menavigasi ke bagian body kode.

Tambahkan CSS Background-Size

Tambahkan baris baru di antara tanda kurung kurawal {} bagian body, lalu ketik:

background-size: cover;

Untuk memastikan kompatibilitas dengan Safari dan Chrome, tambahkan baris berikut:

-webkit-background-size: cover;

Untuk Firefox, tambahkan baris berikut:

-moz-background-size: cover;

Untuk Opera, tambahkan baris berikut:

-o-background-size: cover;

Simpan dan Preview

Setelah selesai, klik Update Preview untuk memeriksa apakah latar belakang terlihat sesuai, lalu klik Simpan.