Cara Menempatkan Latar Belakang di Tumblr agar Terpusat

Untuk membuat gambar latar belakang di tema blog Tumblr Anda terlihat terpusat, cukup ubah satu baris kode CSS di halaman HTML tema. Pilih gambar yang dapat menutupi seluruh latar belakang tanpa mengulang (tidak tiling). Secara default, tema Tumblr Redux menata ulang gambar latar belakang. Dengan menyesuaikan pernyataan CSS berikut, Anda dapat mematikan tiling dan memusatkan gambar.

Langkah-langkah Mengatur Latar Belakang Terpusat

1. Buka Tumblr, lalu klik panah di sebelah nama blog Anda untuk menampilkan semua blog. Pilih blog yang ingin diedit, lalu klik Customize pada tab.

2. Di panel Customize, klik ikon Upload pada bagian Background Image, pilih gambar latar belakang, lalu klik Open untuk mengunggah.

3. Klik link Edit HTML untuk membuka editor tema.

4. Tekan Ctrl + F (Windows) atau Cmd + F (Mac) dan ketik “background”. Temukan baris kode berikut:

body { background: {color:Background} url('{image:Background}') top left fixed repeat; }

5. Ubah nilai “top left fixed repeat” menjadi “no-repeat center center”. Nilai “center” pertama akan memusatkan gambar secara vertikal, dan nilai “center” kedua memusatkan secara horizontal. Jangan lupa titik koma di akhir baris.

6. Klik Update Preview untuk melihat hasilnya. Jika sudah sesuai, klik Save lalu tutup editor.

Tips Cepat

Jika Anda ingin memusatkan gambar secara vertikal dan horizontal sekaligus, cukup gunakan “no-repeat center”. Jika satu nilai “center” dihilangkan, browser akan menafsirkan sebagai “center” secara otomatis.

Pengaturan “no-repeat top center” akan menempatkan gambar di tengah horizontal namun sejajar dengan bagian atas halaman.